GTK3: theme changes for gtk 3.24.17

This commit is contained in:
Daniel Ruiz de Alegría
2020-04-20 19:27:17 +02:00
parent 9d51cb6e85
commit 424373bd7b
13 changed files with 755 additions and 700 deletions
+1
View File
@@ -0,0 +1 @@
/*.css
+2 -1
View File
@@ -74,5 +74,6 @@ $suggested_bg_color: $selected_bg_color;
$suggested_border_color: $selected_borders_color;
$progress_bg_color: $selected_bg_color;
$progress_border_color: $selected_borders_color;
$checkradio_bg_color: $selected_bg_color;
$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
$checkradio_fg_color: $selected_fg_color;
$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));
@@ -0,0 +1,61 @@
.gedit-document-panel {
background-color: @sidebar_bg;
}
.gedit-document-panel:backdrop {
color: #b0b2b2;
}
.gedit-document-panel row:selected:backdrop {
background-color: #8b8e8f;
}
.gedit-document-panel-group-row,
.gedit-document-panel-group-row:hover {
border-top: 1px solid alpha(currentColor, 0.3);
}
.gedit-document-panel-group-row:first-child,
.gedit-document-panel-group-row:first-child:hover {
border-top: 0px;
}
/* Try to look as the notebook tab close button */
.gedit-document-panel row button.flat {
padding: 0;
margin-top: 8px;
margin-bottom: 8px;
min-width: 18px;
min-height: 18px;
color: alpha(currentColor,0.3);
}
.gedit-document-panel row:hover button.flat {
color: alpha(currentColor,0.5);
}
.gedit-document-panel row button.flat:hover {
color: @theme_fg_color;
}
statusbar {
border-top: 1px solid @borders;
}
.gedit-search-slider {
background-color: @theme_base_color;
padding: 6px;
border-color: @borders;
border-radius: 0 0 3px 3px;
border-width: 0 1px 1px 1px;
border-style: solid;
}
.gedit-search-entry-occurrences-tag {
background-color: @theme_base_color;
background-image: none;
color: shade (@theme_unfocused_fg_color, 0.8);
border: 0px;
margin: 2px;
padding: 2px;
}
@@ -45,33 +45,29 @@
/* Path bar */
.nautilus-path-bar button { /* undecorate the buttons */
.path-bar-box {
border-radius: 5px;
border: 1px @borders solid;
background-color: @theme_bg_color;
padding-right: 6px;
}
.nautilus-path-bar button {
margin: 0px;
}
.nautilus-path-bar button:first-child {
border-width: 0px 1px 0px 0px;
border-radius: 3.5px 0px 0px 3.5px;
}
.nautilus-path-bar button:not(:first-child) {
border-width: 0px 1px 0px 1px;
border-radius: 0px 0px 0px 0px;
}
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
.path-bar-box {
transition: border 200ms;
transition: background-color 200ms;
border-radius: 5px;
}
.path-bar-box.width-maximized {
border: 1px @borders solid;
background-color: @theme_bg_color;
}
.path-bar-box.width-maximized button:first-child {
border-radius: 3.5px 0px 0px 3.5px;
border-width: 0px 1px 0px 0px;
}
.path-bar-box.width-maximized button:not(:first-child) {
border-width: 0px 1px 0px 1px;
border-radius: 0px 0px 0px 0px;
}
/* Make the tags fit into the box */
entry.search > * {
margin: 5px;
@@ -73,5 +73,6 @@ $suggested_bg_color: $selected_bg_color;
$suggested_border_color: $selected_borders_color;
$progress_bg_color: $selected_bg_color;
$progress_border_color: $selected_borders_color;
$checkradio_bg_color: $selected_bg_color;
$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
$checkradio_fg_color: $selected_fg_color;
$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));
@@ -920,14 +920,14 @@ button {
$_border_bg: linear-gradient(to top, $alt-borders-color 25%, $borders-color 50%);
&:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) {
&:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
@include button(normal);
background-image: $button_fill, $_border_bg;
border-color: transparent;
}
&:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
&:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
@include button(hover);
background-image: $button_fill, $_border_bg;
@@ -1443,6 +1443,7 @@ spinbutton {
padding: 1px 2px;
}
}
font-feature-settings: "tnum";
}
@@ -2837,9 +2838,9 @@ switch {
&:checked {
color: $selected_fg_color;
border-color: $suggested_border_color;
background-color: $suggested_bg_color;
text-shadow: 0 1px transparentize($suggested_border_color, 0.5),
border-color: $checkradio_borders_color;
background-color: $checkradio_bg_color;
text-shadow: 0 1px transparentize($selected_borders_color, 0.5),
0 0 2px transparentize(white, 0.4);
}
@@ -2859,8 +2860,9 @@ switch {
&:checked {
@if $variant == 'light' { color: $backdrop_bg_color; }
border-color: if($variant=='light', $suggested_bg_color, $suggested_border_color);
background-color: $suggested_bg_color;
border-color: if($variant == 'light', $checkradio_borders_color,
$selected_borders_color);
background-color: $checkradio_bg_color;
}
&:disabled {
@@ -2898,7 +2900,7 @@ switch {
}
}
&:checked slider { border: 1px solid $suggested_border_color; }
&:checked > slider { border: 1px solid $checkradio_borders_color; }
&:disabled slider { @include button(insensitive); }
@@ -2909,7 +2911,7 @@ switch {
@include button(backdrop);
}
&:checked slider { border-color: if($variant == 'light', $suggested_bg_color, $suggested_border_color); }
&:checked > slider { border-color: $checkradio_borders_color; }
&:disabled slider { @include button(backdrop-insensitive); }
}
@@ -2917,11 +2919,11 @@ switch {
row:selected & {
@if $variant == 'light' {
box-shadow: none;
border-color: $selected_borders_color;
border-color: $checkradio_borders_color;
&:backdrop { border-color: $selected_borders_color; }
&:backdrop { border-color: $checkradio_borders_color; }
slider { &:checked, & { border-color: $selected_borders_color; } }
> slider { &:checked, & { border-color: $checkradio_borders_color; } }
}
}
@@ -2937,14 +2939,14 @@ switch {
//selection-mode
@each $check_state, $check_icon, $check_color, $check_background in
('', 'none', 'transparent', '#{transparentize($checkradio_bg_color, .05)}'),
(':hover', 'none', 'transparent', '#{transparentize($checkradio_bg_color, .05)}'),
(':active', 'none', 'transparent', '#{transparentize($checkradio_bg_color, .05)}'),
(':backdrop', 'none', 'transparent', '#{transparentize(desaturate($checkradio_bg_color, 100%), .05)}'),
(':checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{$osd_fg_color}', '#{transparentize($checkradio_bg_color, .05)}'),
(':checked:hover', '-gtk-icontheme(\'object-select-symbolic\')', '#{$osd_fg_color}', '#{transparentize($checkradio_bg_color, .05)}'),
(':checked:active', '-gtk-icontheme(\'object-select-symbolic\')', '#{$osd_fg_color}', '#{transparentize($checkradio_bg_color, .05)}'),
(':backdrop:checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{transparentize($osd_fg_color, 0.2)}', '#{transparentize(desaturate($checkradio_bg_color, 100%), .05)}'), {
('', 'none', 'transparent', $checkradio_bg_color),
(':hover', 'none', 'transparent', $checkradio_bg_color),
(':active', 'none', 'transparent', $checkradio_bg_color),
(':backdrop', 'none', 'transparent', '#{desaturate($checkradio_bg_color, 100%)}'),
(':checked', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color),
(':checked:hover', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color),
(':checked:active', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color),
(':backdrop:checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{transparentize($osd_fg_color, 0.2)}', '#{desaturate($checkradio_bg_color, 100%)}'), {
.view.content-view.check#{$check_state}:not(list),
.content-view .tile check#{$check_state}:not(list) {
@@ -3037,7 +3039,7 @@ radio {
@if $variant == 'light' {
// the borders of the light variant versions of checks and radios are too similar in luminosity to the selected background
// color, hence we need special casing.
row:selected & { border-color: $selected_borders_color; }
row:selected & { border-color: $checkradio_borders_color; }
}
.osd & {
@@ -3057,6 +3059,7 @@ radio {
min-height: 14px;
min-width: 14px;
background-image: none;
background-color: transparent;
box-shadow: none;
-gtk-icon-shadow: none;
color: inherit;
@@ -3329,7 +3332,10 @@ scale {
}
marks,
value { color: gtkalpha(currentColor, 0.55); }
value {
color: gtkalpha(currentColor, 0.55);
font-feature-settings: "tnum";
}
//marks margins
@each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom),
@@ -3597,6 +3603,7 @@ progressbar {
// FIXME: insensitive state missing and some other state should be set probably
font-size: smaller;
color: transparentize($fg_color, 0.6);
font-feature-settings: "tnum";
&:backdrop {
box-shadow: none;
@@ -4633,6 +4640,10 @@ decoration {
&:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; }
}
window.csd & {
background: black; /* transparent makes gtk3 leak light on the corners #2537 */
}
}
// Window Close button
@@ -4,22 +4,21 @@ GREEN='\033[0;32m'
YELLOW='\033[0;33m'
RESET='\033[0m'
VERSION=3.24.14
VERSION=3.24.17
echo
echo -e " [ $YELLOW"i"$RESET ] Upstream version $VERSION"
echo -e " $YELLOW[ i ]$RESET Upstream version $VERSION"
echo
while read file;
do
echo
echo -e " [ $GREEN*$RESET ] Downloading file $file"
echo -e " $GREEN[ * ]$RESET Downloading file $file"
wget https://gitlab.gnome.org/GNOME/gtk/raw/$VERSION/gtk/theme/Adwaita/$file --timestamping --quiet
if [ -f $file.patch ]
then
echo -e " [ $YELLOW~$RESET ] Apply patch"
echo -e " $YELLOW[ ~ ]$RESET Apply patch"
patch $file $file.patch --quiet
fi
done <<- EOF