gtk: Darken titlebar & menubar backgrounds when window's inactive
This makes it easier to distinguish the active window.
by roundabout, Tuesday, 23 April 2019, 18:13:00 (1556043180), pushed by roundabout, Sunday, 11 May 2025, 13:22:37 (1746969757)
Author identity: nana-4 <hnmaigo@gmail.com>
158ec8caf09e6110101f9168c31b1ef0d0596d08
src/_sass/_colors.scss
@@ -66,8 +66,9 @@ $scrim: rgba(black, 0.6);
$scrim-alt: rgba(black, 0.3);
$scrim-inverse: rgba(white, 0.1);
$titlebar: if($topbar == 'dark', #383838, #E0E0E0);
$titlebar-backdrop: if($topbar == 'dark', #303030, #D6D6D6);
$panel: if($topbar == 'dark', #212121, $scrim);
$panel-solid: if($topbar == 'dark', #212121, #CBCBCB); // for Unity panel which doesn't allow translucent colors
$panel-solid: if($topbar == 'dark', #212121, #CCCCCC); // for Unity panel which doesn't allow translucent colors
//
// Misc colors
src/_sass/gtk/_common-3.20.scss
@@ -1049,6 +1049,7 @@ searchbar > revealer > box {
&:disabled { color: $titlebar-text-disabled; }
&:backdrop {
background-color: $titlebar-backdrop;
color: $titlebar-text-secondary;
&:disabled { color: $titlebar-text-secondary-disabled; }
@@ -1455,6 +1456,13 @@ menubar,
background-color: $titlebar;
color: $titlebar-text;
> menuitem {
transition: $transition;
min-height: 20px;
@@ -2821,7 +2829,10 @@ messagedialog { // Message Dialog styling
background-color: $surface;
color: $text;
&:backdrop { color: $text-secondary; }
&:backdrop {
background-color: $surface;
color: $text-secondary;
}
}
&.csd { // rounded bottom border styling for csd version