added some toolbar fixes to 3.18

This commit is contained in:
Sam Hewitt 2016-04-24 14:55:05 -04:00
parent fdff112dcd
commit 0772d68582
5 changed files with 92 additions and 47 deletions

View File

@ -12,7 +12,7 @@ $headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.
// Primary colors // Primary colors
$red: #f34235; $red: #f34235;
$orange: #fe9700; $orange: #fe9700;
$yellow: #feea3a; $yellow: #fec006;
$green: #4bae4f; $green: #4bae4f;
$blue: #2095f2; $blue: #2095f2;
$purple: #9b26af; $purple: #9b26af;

View File

@ -53,7 +53,7 @@
/* widgets main borders color on backdrop windows */ /* widgets main borders color on backdrop windows */
@define-color unfocused_borders #394144; @define-color unfocused_borders #394144;
/* these are pretty self explicative */ /* these are pretty self explicative */
@define-color warning_color #feea3a; @define-color warning_color #fec006;
@define-color error_color #f34235; @define-color error_color #f34235;
@define-color success_color #3c8a3f; @define-color success_color #3c8a3f;
/* these colors are exported for the window manager and shouldn't be used in applications, /* these colors are exported for the window manager and shouldn't be used in applications,
@ -2047,16 +2047,16 @@ GtkFileChooserDialog {
background-color: #f34235; } background-color: #f34235; }
.warning.spinbutton:not(.vertical), GeditWindow > .warning.entry, .warning.spinbutton:not(.vertical), GeditWindow > .warning.entry,
.entry.warning { .entry.warning {
color: #feea3a; color: #fec006;
border-color: #857701; } border-color: #513d00; }
.warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus, .warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus,
.entry.warning:focus { .entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-color: #857701; } border-color: #513d00; }
.warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected, .warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected,
.entry.warning:selected:focus, .entry.warning:selected:focus,
.entry.warning:selected { .entry.warning:selected {
background-color: #feea3a; } background-color: #fec006; }
.spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar, .spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar,
.entry .progressbar { .entry .progressbar {
margin: 2px -6px; margin: 2px -6px;
@ -2409,7 +2409,7 @@ GraniteWidgetsWelcome {
background-color: transparent; background-color: transparent;
padding: 8px 6px; } padding: 8px 6px; }
.storage-bar .fill-block { .storage-bar .fill-block {
background-color: #feea3a; background-color: #fec006;
border: none; border: none;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
@ -2632,15 +2632,14 @@ GraniteWidgetsWelcome {
.header-bar .button GtkLabel, .header-bar .button GtkLabel,
.header-bar .button GtkImage { .header-bar .button GtkImage {
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.titlebar:not(headerbar) .button GtkLabel:backdrop, .titlebar:not(headerbar) .button GtkLabel:backdrop, .titlebar:not(headerbar) .button GtkLabel:insensitive,
.titlebar:not(headerbar) .button GtkImage:backdrop, .titlebar:not(headerbar) .button GtkImage:backdrop,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) .button GtkLabel:insensitive,
.titlebar:not(headerbar) .button GtkImage:insensitive, .titlebar:not(headerbar) .button GtkImage:insensitive,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkLabel:insensitive, .header-bar .button GtkLabel:insensitive,
.header-bar .button GtkImage:backdrop,
.header-bar .button GtkImage:insensitive { .header-bar .button GtkImage:insensitive {
color: rgba(255, 255, 255, 0.3);
-gtk-image-effect: dim; } -gtk-image-effect: dim; }
.titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover, .titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover,
.header-bar .button:focus, .header-bar .button:focus,
@ -2904,9 +2903,9 @@ infobar {
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.warning { .warning {
background-color: #feea3a; } background-color: #fec006; }
.warning:backdrop { .warning:backdrop {
background-color: #feef6d; background-color: #fecd39;
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.question { .question {
@ -2972,8 +2971,8 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block, .level-bar.vertical .level-low.fill-block,
.level-bar .fill-block.low, .level-bar .fill-block.low,
.level-bar .fill-block.level-low { .level-bar .fill-block.level-low {
border: 1px solid #fee507; border: 1px solid #d09c01;
background-color: #feea3a; } background-color: #fec006; }
GtkLevelBar.vertical .low.fill-block:backdrop, GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, GtkLevelBar .level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop,
@ -2989,7 +2988,7 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block:backdrop, .level-bar.vertical .level-low.fill-block:backdrop,
.level-bar .fill-block.low:backdrop, .level-bar .fill-block.low:backdrop,
.level-bar .fill-block.level-low:backdrop { .level-bar .fill-block.level-low:backdrop {
border: 1px solid #feea3a; } border: 1px solid #fec006; }
GtkLevelBar.vertical .high.fill-block, GtkLevelBar.vertical .high.fill-block,
GtkLevelBar .level-bar.vertical .high.fill-block, GtkLevelBar .level-bar.vertical .high.fill-block,
.level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block,
@ -4298,7 +4297,7 @@ GtkSwitch {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
text-shadow: none; } text-shadow: none; }
.toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat { .toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.menu-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border-radius: 0px; border-radius: 0px;
@ -4309,23 +4308,28 @@ GtkSwitch {
padding: 10px; padding: 10px;
text-shadow: none; text-shadow: none;
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop { .toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.menu-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
text-shadow: none; text-shadow: none;
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3); }
.toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover { .toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.menu-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
background-image: none; background-image: none;
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
box-shadow: none; box-shadow: none;
text-shadow: none; } text-shadow: none; }
.toolbar .button.suggested-action:insensitive, .toolbar .button.text-button:insensitive, .toolbar .button.menu-button:insensitive, .toolbar .button.image-button:insensitive, .toolbar .button.linked:insensitive, .toolbar .button.flat:insensitive {
color: rgba(255, 255, 255, 0.3);
-gtk-image-effect: dim; }
.toolbar .button GtkLabel, .toolbar .button GtkLabel,
.toolbar .button GtkImage { .toolbar .button GtkImage {
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.toolbar .button GtkLabel:backdrop, .toolbar .button GtkLabel:insensitive, .toolbar .button GtkLabel:backdrop,
.toolbar .button GtkImage:insensitive,
.toolbar .button GtkImage:backdrop { .toolbar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3);
-gtk-image-effect: dim; }
.toolbar .button:focus, .toolbar .button:hover { .toolbar .button:focus, .toolbar .button:hover {
background-image: none; background-image: none;
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
@ -4364,6 +4368,14 @@ GtkSwitch {
.toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image, .toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image,
.toolbar .button:insensitive:backdrop GtkImage { .toolbar .button:insensitive:backdrop GtkImage {
-gtk-image-effect: dim; } -gtk-image-effect: dim; }
.toolbar .button.menu-button .menu .menuitem GtkLabel {
color: #bcc1c3; }
.toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive {
color: #868d90; }
.toolbar .button.menu-button .menu .menuitem .separator {
color: #373e41; }
.toolbar .button.menu-button .menu .menuitem:hover GtkLabel {
color: #ffffff; }
.toolbar .separator { .toolbar .separator {
color: transparent; color: transparent;
background-color: transparent; } background-color: transparent; }

View File

@ -53,7 +53,7 @@
/* widgets main borders color on backdrop windows */ /* widgets main borders color on backdrop windows */
@define-color unfocused_borders #d5d5d5; @define-color unfocused_borders #d5d5d5;
/* these are pretty self explicative */ /* these are pretty self explicative */
@define-color warning_color #feea3a; @define-color warning_color #fec006;
@define-color error_color #f34235; @define-color error_color #f34235;
@define-color success_color #4bae4f; @define-color success_color #4bae4f;
/* these colors are exported for the window manager and shouldn't be used in applications, /* these colors are exported for the window manager and shouldn't be used in applications,
@ -2056,16 +2056,16 @@ GtkFileChooserDialog {
background-color: #f34235; } background-color: #f34235; }
.warning.spinbutton:not(.vertical), GeditWindow > .warning.entry, .warning.spinbutton:not(.vertical), GeditWindow > .warning.entry,
.entry.warning { .entry.warning {
color: #feea3a; color: #fec006;
border-color: #feea3a; } border-color: #fec006; }
.warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus, .warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus,
.entry.warning:focus { .entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-color: #feea3a; } border-color: #fec006; }
.warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected, .warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected,
.entry.warning:selected:focus, .entry.warning:selected:focus,
.entry.warning:selected { .entry.warning:selected {
background-color: #feea3a; } background-color: #fec006; }
.spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar, .spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar,
.entry .progressbar { .entry .progressbar {
margin: 2px -6px; margin: 2px -6px;
@ -2418,7 +2418,7 @@ GraniteWidgetsWelcome {
background-color: transparent; background-color: transparent;
padding: 8px 6px; } padding: 8px 6px; }
.storage-bar .fill-block { .storage-bar .fill-block {
background-color: #feea3a; background-color: #fec006;
border: none; border: none;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
@ -2641,15 +2641,14 @@ GraniteWidgetsWelcome {
.header-bar .button GtkLabel, .header-bar .button GtkLabel,
.header-bar .button GtkImage { .header-bar .button GtkImage {
color: #ffffff; } color: #ffffff; }
.titlebar:not(headerbar) .button GtkLabel:backdrop, .titlebar:not(headerbar) .button GtkLabel:backdrop, .titlebar:not(headerbar) .button GtkLabel:insensitive,
.titlebar:not(headerbar) .button GtkImage:backdrop, .titlebar:not(headerbar) .button GtkImage:backdrop,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.5); }
.titlebar:not(headerbar) .button GtkLabel:insensitive,
.titlebar:not(headerbar) .button GtkImage:insensitive, .titlebar:not(headerbar) .button GtkImage:insensitive,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkLabel:insensitive, .header-bar .button GtkLabel:insensitive,
.header-bar .button GtkImage:backdrop,
.header-bar .button GtkImage:insensitive { .header-bar .button GtkImage:insensitive {
color: rgba(255, 255, 255, 0.5);
-gtk-image-effect: dim; } -gtk-image-effect: dim; }
.titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover, .titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover,
.header-bar .button:focus, .header-bar .button:focus,
@ -2913,9 +2912,9 @@ infobar {
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.warning { .warning {
background-color: #feea3a; } background-color: #fec006; }
.warning:backdrop { .warning:backdrop {
background-color: #feef6d; background-color: #fecd39;
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.question { .question {
@ -2981,8 +2980,8 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block, .level-bar.vertical .level-low.fill-block,
.level-bar .fill-block.low, .level-bar .fill-block.low,
.level-bar .fill-block.level-low { .level-bar .fill-block.level-low {
border: 1px solid #fee507; border: 1px solid #d09c01;
background-color: #feea3a; } background-color: #fec006; }
GtkLevelBar.vertical .low.fill-block:backdrop, GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, GtkLevelBar .level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop,
@ -2998,7 +2997,7 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block:backdrop, .level-bar.vertical .level-low.fill-block:backdrop,
.level-bar .fill-block.low:backdrop, .level-bar .fill-block.low:backdrop,
.level-bar .fill-block.level-low:backdrop { .level-bar .fill-block.level-low:backdrop {
border: 1px solid #feea3a; } border: 1px solid #fec006; }
GtkLevelBar.vertical .high.fill-block, GtkLevelBar.vertical .high.fill-block,
GtkLevelBar .level-bar.vertical .high.fill-block, GtkLevelBar .level-bar.vertical .high.fill-block,
.level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block,
@ -4307,7 +4306,7 @@ GtkSwitch {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
text-shadow: none; } text-shadow: none; }
.toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat { .toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.menu-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border-radius: 0px; border-radius: 0px;
@ -4318,23 +4317,28 @@ GtkSwitch {
padding: 10px; padding: 10px;
text-shadow: none; text-shadow: none;
color: #ffffff; } color: #ffffff; }
.toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop { .toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.menu-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
text-shadow: none; text-shadow: none;
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover { .toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.menu-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
background-image: none; background-image: none;
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
color: white; color: white;
box-shadow: none; box-shadow: none;
text-shadow: none; } text-shadow: none; }
.toolbar .button.suggested-action:insensitive, .toolbar .button.text-button:insensitive, .toolbar .button.menu-button:insensitive, .toolbar .button.image-button:insensitive, .toolbar .button.linked:insensitive, .toolbar .button.flat:insensitive {
color: rgba(255, 255, 255, 0.5);
-gtk-image-effect: dim; }
.toolbar .button GtkLabel, .toolbar .button GtkLabel,
.toolbar .button GtkImage { .toolbar .button GtkImage {
color: #ffffff; } color: #ffffff; }
.toolbar .button GtkLabel:backdrop, .toolbar .button GtkLabel:insensitive, .toolbar .button GtkLabel:backdrop,
.toolbar .button GtkImage:insensitive,
.toolbar .button GtkImage:backdrop { .toolbar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5);
-gtk-image-effect: dim; }
.toolbar .button:focus, .toolbar .button:hover { .toolbar .button:focus, .toolbar .button:hover {
background-image: none; background-image: none;
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
@ -4373,6 +4377,14 @@ GtkSwitch {
.toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image, .toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image,
.toolbar .button:insensitive:backdrop GtkImage { .toolbar .button:insensitive:backdrop GtkImage {
-gtk-image-effect: dim; } -gtk-image-effect: dim; }
.toolbar .button.menu-button .menu .menuitem GtkLabel {
color: #666666; }
.toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive {
color: #afafaf; }
.toolbar .button.menu-button .menu .menuitem .separator {
color: #d1d1d1; }
.toolbar .button.menu-button .menu .menuitem:hover GtkLabel {
color: #ffffff; }
.toolbar .separator { .toolbar .separator {
color: transparent; color: transparent;
background-color: transparent; } background-color: transparent; }

View File

@ -219,11 +219,9 @@
GtkImage { GtkImage {
color: $headerbar_fg_color; color: $headerbar_fg_color;
&:backdrop { &:backdrop,
color: $backdrop_headerbar_fg_color;
}
&:insensitive { &:insensitive {
color: $backdrop_headerbar_fg_color;
-gtk-image-effect: dim; -gtk-image-effect: dim;
} }
} }

View File

@ -33,6 +33,7 @@
&.suggested-action, &.suggested-action,
&.text-button, &.text-button,
&.menu-button,
&.image-button, &.image-button,
&.linked, &.linked,
&.flat { &.flat {
@ -61,14 +62,21 @@
box-shadow:none; box-shadow:none;
text-shadow:none; text-shadow:none;
} }
&:insensitive {
color: $backdrop_headerbar_fg_color;
-gtk-image-effect: dim;
}
} }
GtkLabel, GtkLabel,
GtkImage { GtkImage {
color: $headerbar_fg_color; color: $headerbar_fg_color;
&:insensitive,
&:backdrop { &:backdrop {
color: $backdrop_headerbar_fg_color; color: $backdrop_headerbar_fg_color;
-gtk-image-effect: dim;
} }
} }
@ -132,6 +140,21 @@
-gtk-image-effect: dim; -gtk-image-effect: dim;
} }
} }
// Menu Button
&.menu-button {
.menu {
.menuitem {
GtkLabel {
color: $fg_color;
&:insensitive { color: $insensitive_fg_color; }
}
.separator { color: $borders_color;}
&:hover { GtkLabel {color: $selected_fg_color;}}
}
}
}
} }
.separator { .separator {