GTK3: Improve name of variables
chroma() -> fade() tertiary_ -> hint_ {titlebar,inverse}_fg_color -> {titlebar,inverse}_fg_color
chroma() -> fade() tertiary_ -> hint_ {titlebar,inverse}_fg_color -> {titlebar,inverse}_fg_color
by roundabout, Wednesday, 7 June 2017, 13:14:01 (1496841241), pushed by roundabout, Sunday, 11 May 2025, 13:22:11 (1746969731)
Author identity: nana-4 <hnmaigo@gmail.com>
d296034eeb3e9dcfc4c2942d4691b6dfa32b9b7e
* Firefox *
***********/
.menubar {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:hover { color: $titlebar_fg_color; }
}
}
UnityDecoration.top:backdrop {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
}
UnityDecoration.left,
UnityPanelWidget:backdrop,
.unity-panel:backdrop {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
}
.unity-panel.menubar,
}
.dim-label {
opacity: $tertiary_opacity;
opacity: $hint_opacity;
}
GtkAssistant {
}
// &.csd .sidebar { border-top-style: none; }
.sidebar .label {
opacity: $tertiary_opacity;
opacity: $hint_opacity;
padding: 5px 12px 6px;
font-weight: 500;
}
&.image { // entry icons colors
&:not(:hover):not(:active) { color: gtkalpha(currentColor, $secondary_opacity); }
&:insensitive { color: gtkalpha(currentColor, $tertiary_opacity); }
&:insensitive { color: gtkalpha(currentColor, $hint_opacity); }
}
.osd & {
color: $titlebar_fg_color;
&:backdrop {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
}
.title {
background-color: $primary_color;
color: $inverse_fg_color;
&:backdrop {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
}
.subtitle:link { @extend *:link:selected; }
to($inverse_fg_color),
to(transparent))
0 0 0 / 0 0 0px;
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active, &:checked {
color: $inverse_fg_color;
}
0 0 2 / 0 0 2px;
color: $inverse_fg_color;
&:insensitive {
color: $disabled_inverse_fg_color;
color: $inverse_disabled_fg_color;
> .label { color: inherit; }
}
}
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
&:selected {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
}
}
& > .menuitem {
transition: $shorter_transition;
padding: 4px 8px;
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:hover { //Seems like it :hover even with keyboard focus
transition: none;
background-color: gtkalpha(currentColor, $lower_opacity / 2);
color: $titlebar_fg_color;
}
&:insensitive {
color: $disabled_secondary_titlebar_fg_color;
color: $titlebar_disabled_secondary_fg_color;
box-shadow: none;
}
}
}
}
.menuitem .accelerator { color: gtkalpha(currentColor, $tertiary_opacity); }
.menuitem .accelerator { color: gtkalpha(currentColor, $hint_opacity); }
.csd.popup { border-radius: 2px; }
// slider coloring
.slider {
background-color: $tertiary_fg_color;
background-color: $hint_fg_color;
&:hover { background-color: $secondary_fg_color; }
&:active { background-color: $fg_color; }
&:insensitive {
(':checked', '-checked'),
(':checked:insensitive', '-checked-disabled') {
.menu .menuitem.#{$w}#{$s} {
// color: gtkalpha(currentColor, $tertiary_opacity);
// color: gtkalpha(currentColor, $hint_opacity);
// -gtk-icon-source: -gtk-icontheme('#{$a}-symbolic');
// &:active, &:checked { -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic'); }
// &:inconsistent { -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic'); }
-GtkProgressBar-min-vertical-bar-width: 4;
padding: 0;
font-size: smaller;
color: $tertiary_fg_color;
color: $hint_fg_color;
&.osd {
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 0;
.list-row:selected {
@extend %selected_items;
.button {
&:insensitive { color: $disabled_secondary_inverse_fg_color; }
&:insensitive { color: $inverse_disabled_secondary_fg_color; }
&.flat {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:insensitive { color: $disabled_secondary_inverse_fg_color; }
&:insensitive { color: $inverse_disabled_secondary_fg_color; }
}
}
}
&:inconsistent { color: gtkalpha(currentColor, $disabled_opacity); }
&.highlight {
font-size: smaller;
color: gtkalpha(currentColor, $tertiary_opacity);
color: gtkalpha(currentColor, $hint_opacity);
}
}
padding: 4px 14px 4px 12px;
}
.sidebar-icon {
opacity: $tertiary_opacity; // dim the device icons
opacity: $hint_opacity; // dim the device icons
&:dir(ltr) { padding-right: 8px; }
&:dir(rtl) { padding-left: 8px; }
}
color: $inverse_fg_color;
.button {
// @extend .list-row:selected.button;
&:insensitive { color: $disabled_secondary_inverse_fg_color; }
&:insensitive { color: $inverse_disabled_secondary_fg_color; }
}
.label:selected {
}
%selected_items {
background-color: $primary_color;
color: $inverse_fg_color;
&:insensitive { color: $disabled_inverse_fg_color; }
&:insensitive { color: $inverse_disabled_fg_color; }
}
.monospace {
color: $secondary_fg_color;
font-size: smaller;
&:selected { color: $secondary_inverse_fg_color; }
&:selected { color: $inverse_secondary_fg_color; }
}
.gedit-document-panel {
.gedit-search-entry-occurrences-tag {
all: unset;
color: $tertiary_fg_color;
color: $hint_fg_color;
}
}
}
&.error ~ button {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
}
}
workbench treeview.image {
color: $secondary_fg_color;
&:selected { color: $secondary_inverse_fg_color; }
&:selected { color: $inverse_secondary_fg_color; }
}
dockbin {
// Make spinner visible on both dark and bright backgrounds w/o making
// it look ugly/weird.
// &.cell:active { color: $tertiary_fg_color; }
// &.cell:active { color: $hint_fg_color; }
}
.documents-counter {
// When color definition differs for dark and light variant,
// it gets @if ed depending on $variant
@import 'color-palette';
@function gtkalpha($c, $a) {
@return unquote("alpha(#{$c}, #{$a})");
}
@function chroma($c) {
@function fade($c) {
@return mix($c, $grey_800, 75%);
}
@import 'color-palette';
// Foreground colors
$dark_fg_color: rgba($black, 0.87);
$light_fg_color: $white;
$button_fg_color: if($variant == 'light', rgba($black, 0.62), rgba($white, 0.8));
$fg_color: if($variant == 'light', rgba($black, 0.87), $white);
$button_fg_color: if($variant == 'light', rgba($black, 0.62), rgba($white, 0.8));
$secondary_fg_color: if($variant == 'light', rgba($black, 0.54), rgba($white, 0.7));
$tertiary_fg_color: if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5));
$hint_fg_color: if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5));
$disabled_fg_color: if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5));
$disabled_secondary_fg_color: if($variant == 'light', rgba($black, 0.26), rgba($white, 0.3));
$track_color: if($variant == 'light', rgba($black, 0.26), rgba($white, 0.3));
$divider_color: if($variant == 'light', rgba($black, 0.12), rgba($white, 0.12));
$titlebar_fg_color: if($titlebar == 'light', rgba($black, 0.87), $white);
$secondary_titlebar_fg_color: if($titlebar == 'light', rgba($black, 0.54), rgba($white, 0.7));
$tertiary_titlebar_fg_color: if($titlebar == 'light', rgba($black, 0.38), rgba($white, 0.5));
$disabled_titlebar_fg_color: if($titlebar == 'light', rgba($black, 0.38), rgba($white, 0.5));
$disabled_secondary_titlebar_fg_color: if($titlebar == 'light', rgba($black, 0.26), rgba($white, 0.3));
$titlebar_secondary_fg_color: if($titlebar == 'light', rgba($black, 0.54), rgba($white, 0.7));
$titlebar_hint_fg_color: if($titlebar == 'light', rgba($black, 0.38), rgba($white, 0.5));
$titlebar_disabled_fg_color: if($titlebar == 'light', rgba($black, 0.38), rgba($white, 0.5));
$titlebar_disabled_secondary_fg_color: if($titlebar == 'light', rgba($black, 0.26), rgba($white, 0.3));
$titlebar_track_color: if($titlebar == 'light', rgba($black, 0.26), rgba($white, 0.3));
$titlebar_divider_color: if($titlebar == 'light', rgba($black, 0.12), rgba($white, 0.12));
$inverse_fg_color: $white;
$secondary_inverse_fg_color: rgba($white, 0.7);
$tertiary_inverse_fg_color: rgba($white, 0.5);
$disabled_inverse_fg_color: rgba($white, 0.5);
$disabled_secondary_inverse_fg_color: rgba($white, 0.3);
$inverse_secondary_fg_color: rgba($white, 0.7);
$inverse_hint_fg_color: rgba($white, 0.5);
$inverse_disabled_fg_color: rgba($white, 0.5);
$inverse_disabled_secondary_fg_color: rgba($white, 0.3);
$inverse_track_color: rgba($white, 0.3);
$inverse_divider_color: rgba($white, 0.12);
// Background colors
$bg_color: if($variant == 'light', $grey_100, chroma($blue_grey_700));
$base_color: if($variant == 'light', $white, chroma($blue_grey_600));
$bg_color: if($variant == 'light', $grey_100, fade($blue_grey_700));
$base_color: if($variant == 'light', $white, fade($blue_grey_600));
$alt_base_color: if($variant == 'light', $grey_50, mix($base_color, $bg_color, 50%));
$lighter_bg_color: if($variant == 'light', $grey_50, chroma($blue_grey_500));
$darker_bg_color: if($variant == 'light', $grey_200, chroma($blue_grey_900));
$lighter_bg_color: if($variant == 'light', $grey_50, fade($blue_grey_500));
$darker_bg_color: if($variant == 'light', $grey_200, fade($blue_grey_900));
$titlebar_bg_color: if($variant == 'light', if($titlebar == 'dark', $blue_grey_700, $grey_300), $blue_grey_800);
$titlebar_bg_color: if($titlebar == 'dark', if($variant == 'light', $blue_grey_700, $blue_grey_800), $grey_300);
$alt_titlebar_bg_color: if($titlebar == 'dark', $blue_grey_800, mix($grey_300, $grey_400, 50%));
$panel_bg_color: if($titlebar == 'dark', $blue_grey_900, rgba($black, $middle_opacity));
$unity_panel_bg_color: if($titlebar == 'dark', $blue_grey_900, mix($grey_300, $grey_400, 50%));
$border_color: if($variant == 'light', rgba($black, 0.1), rgba($black, 0.2));
$highlight_color: if($variant == 'light', rgba($white, 0.4), rgba($white, 0.1));
$alt_highlight_color: rgba($white, 0.2);
$unity_highlight_color: if($titlebar == 'dark', rgba($white, 0.1), rgba($white, 0.2));
$titlebar_highlight_color: if($titlebar == 'dark', rgba($white, 0.15), $highlight_color);
$unity_highlight_color: if($titlebar == 'dark', rgba($white, 0.1), rgba($white, 0.2));
$alt_highlight_color: rgba($white, 0.2);
$titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color);
// FIXME: @placeholder_text_color should really use $tertiary_fg_color, but
border {
background-color: $alt_base_color;
color: $tertiary_fg_color; // FIXME: not working
color: $hint_fg_color; // FIXME: not working
}
}
}
}
.dim-label { opacity: $tertiary_opacity; }
.dim-label { opacity: $hint_opacity; }
assistant {
.sidebar {
.sidebar label {
min-height: $medium_size;
padding: 0 12px;
color: $tertiary_fg_color;
color: $hint_fg_color;
font-weight: 500;
&.highlight { color: $fg_color; }
&:hover, &:active { color: $fg_color; }
&:disabled { color: $tertiary_fg_color; }
&:disabled { color: $hint_fg_color; }
&.left {
margin-left: ($medium_size - 16px) / 2 - 8px;
}
image {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:disabled { color: $tertiary_inverse_fg_color; }
&:disabled { color: $inverse_hint_fg_color; }
}
}
}
box-shadow: none;
background-color: transparent;
&:not(:hover):not(:active) { color: $secondary_inverse_fg_color; }
&:not(:hover):not(:active) { color: $inverse_secondary_fg_color; }
}
}
@at-root %button_selected, row:selected & {
&:disabled {
background-color: $inverse_divider_color;
color: $disabled_secondary_inverse_fg_color;
color: $inverse_disabled_secondary_fg_color;
}
&.flat {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
&:checked {
background-color: $inverse_track_color;
&:checked:disabled {
background-color: $inverse_divider_color;
color: $disabled_inverse_fg_color;
color: $inverse_disabled_fg_color;
}
}
}
@include entry(flat-normal);
&:hover { box-shadow: inset 0 -2px $tertiary_fg_color; }
&:hover { box-shadow: inset 0 -2px $hint_fg_color; }
&:checked {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px),
background-color: $titlebar_bg_color;
color: $titlebar_fg_color;
&:disabled :not(button) > label { color: $disabled_titlebar_fg_color; }
&:disabled :not(button) > label { color: $titlebar_disabled_fg_color; }
&:backdrop {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:disabled :not(button) > label { color: $disabled_secondary_titlebar_fg_color; }
&:disabled :not(button) > label { color: $titlebar_disabled_secondary_fg_color; }
}
.title {
$titlebar_indicator_color 0%,
transparent 0%)
0 0 0 / 0 0 0px;
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:hover, &:active { color: $titlebar_fg_color; }
&:disabled { color: $disabled_secondary_titlebar_fg_color; }
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
&:checked {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px),
0 0 2 / 0 0 2px;
color: $titlebar_fg_color;
&:disabled { color: $disabled_titlebar_fg_color; }
&:disabled { color: $titlebar_disabled_fg_color; }
&, &:disabled { background-color: transparent; }
}
&:backdrop {
color: $tertiary_titlebar_fg_color;
color: $titlebar_hint_fg_color;
&:hover, &:active { color: $secondary_titlebar_fg_color; }
&:hover, &:active { color: $titlebar_secondary_fg_color; }
&:disabled { color: $disabled_secondary_titlebar_fg_color; }
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
&:checked {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:disabled { color: $disabled_secondary_titlebar_fg_color; }
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
}
}
}
button.suggested-action, button.destructive-action {
&:disabled {
background-color: $titlebar_divider_color;
color: $disabled_titlebar_fg_color;
color: $titlebar_disabled_fg_color;
}
}
color: $inverse_fg_color;
&:backdrop {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
}
.subtitle:link { @extend *:link:selected; }
0 0 0 / 0 0 0px;
color: $inverse_fg_color;
&:disabled { color: $disabled_inverse_fg_color; }
&:disabled { color: $inverse_disabled_fg_color; }
&:checked {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px),
0 0 2 / 0 0 2px;
color: $inverse_fg_color;
&:disabled { color: $disabled_inverse_fg_color; }
&:disabled { color: $inverse_disabled_fg_color; }
}
&:backdrop {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
&:checked {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
}
}
}
&:disabled { color: $disabled_secondary_fg_color; }
&:selected {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
}
}
transition: $shorter_transition;
min-height: 20px;
padding: 4px 8px;
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:hover { // Seems like it :hover even with keyboard focus
transition: none;
color: $titlebar_fg_color;
}
&:disabled { color: $disabled_secondary_titlebar_fg_color; }
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
}
}
// It's a very critical issue for this theme and should be fixed by upstream...
.popup:not(.csd) menu {
$opaque_fg_color: if($variant == 'light', $grey_900, $white);
$opaque_divider_color: if($variant == 'light', $grey_300, mix($white, $base_color, percentage(0.12)));
$opaque_disabled_fg_color: if($variant == 'light', $grey_500, mix($white, $base_color, percentage(0.5)));
$opaque_secondary_fg_color: if($variant == 'light', $grey_600, mix($white, $base_color, percentage(0.7)));
$opaque_disabled_fg_color: if($variant == 'light', $grey_500, mix($white, $base_color, percentage(0.5)));
$opaque_divider_color: if($variant == 'light', $grey_300, mix($white, $base_color, percentage(0.12)));
menuitem {
color: $opaque_fg_color;
border: 4px solid transparent;
border-radius: $circular_radius;
background-clip: padding-box;
background-color: $tertiary_fg_color;
background-color: $hint_fg_color;
&:hover { background-color: $secondary_fg_color; }
margin: 4px - 1px;
border: 1px solid rgba($base_color, $lower_opacity);
border-radius: $circular_radius;
background-color: $tertiary_fg_color;
background-color: $hint_fg_color;
background-clip: padding-box;
-gtk-icon-source: none;
// &:only-child { margin: -12px; }
row:selected &:not(:checked):not(:indeterminate) {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
}
popover & {
}
&:selected {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
&:checked, &:indeterminate { color: $accent_color; }
}
marks label,
value { color: $tertiary_fg_color; }
value { color: $hint_fg_color; }
marks {
color: $track_color;
}
// FIXME: insensitive state missing and some other state should be set probably
color: $tertiary_fg_color;
color: $hint_fg_color;
font-size: smaller;
trough { background-color: rgba($primary_color, $lower_opacity); }
&:disabled { color: $disabled_secondary_fg_color; }
&:selected {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
}
}
}
&:dir(rtl) { padding-left: 8px; }
}
&:selected image.sidebar-icon { color: $secondary_inverse_fg_color; }
&:selected image.sidebar-icon { color: $inverse_secondary_fg_color; }
label.sidebar-label {
&:dir(ltr) { padding-right: 2px; }
@at-root %nobg_selected_items, & {
color: $inverse_fg_color;
&:disabled { color: $disabled_inverse_fg_color; }
&:disabled { color: $inverse_disabled_fg_color; }
}
}
$lower_opacity: 0.3;
$secondary_opacity: 0.75;
$tertiary_opacity: 0.6;
$hint_opacity: 0.6;
$disabled_opacity: 0.5;
// sizes
// Panel
.budgie-panel {
background-color: $panel_bg_color;
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
font-weight: 500;
button {
&:checked { background-color: $inverse_divider_color; }
&:not(:checked) {
color: $tertiary_inverse_fg_color;
color: $inverse_hint_fg_color;
&:hover, &:active { color: $secondary_inverse_fg_color; }
&:hover, &:active { color: $inverse_secondary_fg_color; }
&:disabled { color: $inverse_track_color; }
}
.budgie-polkit-dialog {
@extend %budgie_dialog;
.message { color: $tertiary_fg_color; }
.message { color: $hint_fg_color; }
.failure { color: $destructive_color; }
}
margin: 1px 3px;
font-weight: 500;
&:disabled { color: $tertiary_fg_color; }
&:disabled { color: $hint_fg_color; }
}
// Make operations button circular
color: $secondary_fg_color;
font-size: smaller;
&:selected { color: $secondary_inverse_fg_color; }
&:selected { color: $inverse_secondary_fg_color; }
}
.gedit-document-panel {
.gedit-search-entry-occurrences-tag {
all: unset;
color: $tertiary_fg_color;
color: $hint_fg_color;
}
}
}
&.error ~ button {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover, &:active { color: $inverse_fg_color; }
&:disabled { color: $disabled_secondary_inverse_fg_color; }
&:disabled { color: $inverse_disabled_secondary_fg_color; }
}
}
window.workbench treeview.image {
color: $secondary_fg_color;
&:selected { color: $secondary_inverse_fg_color; }
&:selected { color: $inverse_secondary_fg_color; }
}
popover.popover-selector list {
// Make spinner visible on both dark and bright backgrounds w/o making
// it look ugly/weird.
// &.cell:active { color: $tertiary_fg_color; }
// &.cell:active { color: $hint_fg_color; }
}
.documents-counter {
}
menubar > menuitem {
color: $secondary_inverse_fg_color;
color: $inverse_secondary_fg_color;
&:hover { color: $inverse_fg_color; }
&:disabled label { color: $disabled_secondary_inverse_fg_color; }
&:disabled label { color: $inverse_disabled_secondary_fg_color; }
}
}
// FIXME: this should really die if #PanelPlug can be transparent
%mate_panel_button {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:hover, &:active { color: $titlebar_fg_color; }
&:disabled { color: $disabled_secondary_titlebar_fg_color; }
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
&:checked {
background-color: $titlebar_track_color;
&:checked:disabled {
background-color: $titlebar_divider_color;
color: $disabled_titlebar_fg_color;
color: $titlebar_disabled_fg_color;
}
}
// for small arrows
PanelWidget button {
&, &:hover, &:active { color: $secondary_titlebar_fg_color; }
&, &:hover, &:active { color: $titlebar_secondary_fg_color; }
}
#PanelApplet {
window.background:not(.csd) {
> widget {
> menubar {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:hover { color: $titlebar_fg_color; }
&:disabled { color: $disabled_secondary_titlebar_fg_color; }
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
}
> frame { color: $firefox_border_color; }
background-color: $alt_titlebar_bg_color;
color: $titlebar_fg_color;
&:backdrop { color: $secondary_titlebar_fg_color; }
&:backdrop { color: $titlebar_secondary_fg_color; }
}
.left,
.bottom {}
.menuitem {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
&:hover {
box-shadow: inset 0 -2px $titlebar_indicator_color;
background-color: $unity_panel_bg_color;
color: $titlebar_fg_color;
&:backdrop { color: $secondary_titlebar_fg_color; }
&:backdrop { color: $titlebar_secondary_fg_color; }
}
.unity-panel.menubar,
.unity-panel.menuitem,
.unity-panel .menuitem {
color: $secondary_titlebar_fg_color;
color: $titlebar_secondary_fg_color;
}
.unity-panel.menubar.menuitem:hover,