cinnamon: Fix background-color of menus and dialogs
And drop $alt_lighter_bg_color variable. We no longer use it.
And drop $alt_lighter_bg_color variable. We no longer use it.
by roundabout, Thursday, 31 January 2019, 13:51:51 (1548942711), pushed by roundabout, Sunday, 11 May 2025, 13:22:33 (1746969753)
Author identity: nana-4 <hnmaigo@gmail.com>
1c40cdeaa3762ca8baa6b588fdb1b32ea00dd560
$base_color: if($variant == 'light', #FFFFFF, #303030);
$alt_base_color: if($variant == 'light', #FAFAFA, #2C2C2C);
$surface_color: if($variant == 'light', #FFFFFF, #424242);
$alt_lighter_bg_color: if($variant == 'light', #EEEEEE, #303030); // for gnome-shell sub menu
$titlebar_bg_color: if($titlebar == 'dark', #383838, #E0E0E0);
$base_color: %MATERIA_VIEW%;
$alt_base_color: %INACTIVE_MATERIA_VIEW%;
$surface_color: %MATERIA_SURFACE%;
$alt_lighter_bg_color: if($variant == 'light', %BG2%, %HDR_BG%); // for gnome-shell sub menu
$titlebar_bg_color: %HDR_BG%;
padding: 10px;
}
.popup-sub-menu {
background-color: $alt_lighter_bg_color;
background-color: $fill_color;
}
.popup-menu-arrow {
icon-size: 1.14em;
}
// notification system
#notification {
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
border-radius: $material_radius;
border: 1px solid $border_color;
padding: 8px;
}
// cinnamon 3.8 will support an improved window-list-thumbnail preview which now has it's own selector
.window-list-preview {
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
border-radius: $material_radius;
padding: 10px 15px;
spacing: 1em;
background: rgba(0,0,0,0.2);
}
.sound-player-overlay {
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
min-width: 300px;
padding: 12px 16px;
spacing: 0.5em;
@extend %desklet-shared;
@include font(caption);
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
border-radius: $material_radius;
&:highlight {
background-color: $highlight_color;
@extend %desklet-shared;
@include font(caption);
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
border-radius-bottomleft: 2px;
border-radius-bottomright: 2px;
&:highlight {
@include font(title)
@extend %desklet-shared;
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
border-radius-topleft: 2px;
border-radius-topright: 2px;
&:highlight {
.photoframe-box {
@extend %desklet-shared;
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
border-radius: $material_radius;
&:highlight {
background-color: $highlight_color;
&:active { background-color: $track_color;}
}
%menu-shared {
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
border: 1px solid $border_color;
border-radius: $material_radius;
color: $fg_color;
}
%osd-panel-shared {
color: $fg_color;
background-color: $alt_lighter_bg_color;
background-color: $surface_color;
border: none;
border-radius: $material_radius;
padding: 12px;