2022-11-12 21:56:29 +08:00

60 lines
1.3 KiB
SCSS

/* OSD */
%osd_panel {
color: $fg_color;
background-color: $base_color;
border-radius: $wm_radius;
border: solid rgba(black, 0.75);
border-width: if($variant=='light', 0, 1px);
box-shadow: 0 3px 8px 0 rgba(black, 0.25);
padding: $base_padding * 2;
}
.osd-window {
@extend %osd_panel;
text-align: center;
font-weight: bold;
.osd-monitor-label { font-size: 3em; }
.level {
height: 4px;
border-radius: 3px;
background-color: $borders_color;
color: $fg_color;
// For >= 3.29.90
-barlevel-height: 4px;
// FIXME: above 'background-color' property rendered correct trough
// colour already, so keep -background-color style-property transparent
-barlevel-background-color: $borders_color;
-barlevel-active-background-color: $selected_bg_color;
-barlevel-overdrive-color: $destructive_color;
-barlevel-overdrive-separator-width: 2px;
-barlevel-border-width: 0;
-barlevel-border-color: transparent;
}
.level-bar {
background-color: white;
border-radius: 16px;
}
}
// Pad OSD
.pad-osd-window {
padding: 32px;
background-color: $dark_bg_color;
.pad-osd-title-box { spacing: 12px; }
.pad-osd-title-menu-box { spacing: 6px; }
}
.combo-box-label {
width: 15em;
}
.resize-popup {
@extend %osd_panel;
}