Tweak the sidebar background color
Sidebars are no longer too bright in dark variant.
by roundabout, Saturday, 10 March 2018, 07:30:59 (1520667059), pushed by roundabout, Sunday, 11 May 2025, 13:22:20 (1746969740)
Author identity: nana-4 <hnmaigo@gmail.com>
a63f0dd5c09bddbb4f12867784400b6552156310
src/_sass/gtk/_apps-3.18.scss
@@ -103,8 +103,8 @@ NautilusListView .view {
// the sidebar
.tweak-categories {
// padding: 4px 0;
background-color: $lighter_bg_color;
background-image: linear-gradient(to bottom, $lighter_bg_color);
background-color: $alt_base_color;
background-image: linear-gradient(to bottom, $alt_base_color);
// hide separators
.separator {
src/_sass/gtk/_common-3.20.scss
@@ -2922,7 +2922,7 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
border-style: none;
background-color: $lighter_bg_color;
background-color: $alt_base_color;
@at-root %sidebar_left,
&:dir(ltr),
src/_sass/gtk/apps/_gnome-3.20.scss
@@ -133,7 +133,7 @@
}
.gedit-document-panel {
background-color: $lighter_bg_color;
background-color: $alt_base_color;
// Try to look as the notebook tab close button
row button.flat {
@@ -227,7 +227,7 @@ frame.gedit-map-frame > border {
.tweak-categories {
// padding: 4px 0;
// background-color: shade(@theme_bg_color, 0.99);
background-image: image($lighter_bg_color);
background-image: image($alt_base_color);
separator { @extend %hide_separators; }
}
@@ -556,9 +556,9 @@ overlay grid.horizontal > revealer > scrolledwindow.frame {
.side-panel .view {
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
background-image: image($lighter_bg_color);
background-image: image($alt_base_color);
&:hover { background-image: image(mix($fg_color, $lighter_bg_color, percentage(0.05))); }
&:hover { background-image: image(mix($fg_color, $alt_base_color, percentage(0.05))); }
}
.side-panel .view:selected {
@@ -651,7 +651,7 @@ frame.commit-frame > border { border-style: solid none none; }
**************/
box.dialog-vbox scrolledwindow.related { border: 1px solid $border_color; }
list.categories { background-image: image($lighter_bg_color); }
list.categories { background-image: image($alt_base_color); }
/*********
src/_sass/gtk/apps/_gnome-3.22.scss
@@ -192,7 +192,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal {
}
.gedit-document-panel {
background-color: $lighter_bg_color;
background-color: $alt_base_color;
// Try to look as the notebook tab close button
row button.flat {
@@ -286,7 +286,7 @@ frame.gedit-map-frame > border {
.tweak-categories {
// padding: 4px 0;
// background-color: shade(@theme_bg_color, 0.99);
background-image: image($lighter_bg_color);
background-image: image($alt_base_color);
separator { @extend %hide_separators; }
}
@@ -445,7 +445,7 @@ entry.preferences-search {
}
preferences stacksidebar.sidebar {
list { background-color: $lighter_bg_color; }
list { background-color: $alt_base_color; }
&:dir(ltr),
&:dir(rtl) { list { border-style: none; }}
@@ -782,9 +782,9 @@ overlay grid.horizontal > revealer > scrolledwindow.frame {
.side-panel .view {
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
background-image: image($lighter_bg_color);
background-image: image($alt_base_color);
&:hover { background-image: image(mix($fg_color, $lighter_bg_color, percentage(0.05))); }
&:hover { background-image: image(mix($fg_color, $alt_base_color, percentage(0.05))); }
}
.side-panel .view:selected {
@@ -868,7 +868,7 @@ frame.commit-frame > border { border-style: solid none none; }
**************/
box.dialog-vbox scrolledwindow.related { border: 1px solid $border_color; }
list.categories { background-image: image($lighter_bg_color); }
list.categories { background-image: image($alt_base_color); }
/*********