1/* OSD */
2
3$osd_levelbar_height:8px;
4
5.osd-window {
6  @extend %osd_panel;
7  text-align: center;
8  font-weight: bold;
9  spacing: $base_spacing * 2; // 12px
10  margin: $base_margin * 8; // 32px
11  min-width: 64px;
12  min-height: 64px;
13
14  StIcon {
15    icon-size:$base_icon_size * 6;
16  }
17
18  .osd-monitor-label { font-size: 3em; }
19
20  .level {
21    height: $osd_levelbar_height;
22    -barlevel-height: $osd_levelbar_height;
23    -barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9));
24    -barlevel-active-background-color: $osd_fg_color;
25    -barlevel-overdrive-color: $destructive_color;
26    -barlevel-overdrive-separator-width: 3px;
27  }
28}
29
30/* Pad OSD */
31.pad-osd-window { // Yaru: Make pad OSD visible again in the light theme by using osd colors, should be ported to upstream
32  padding: 32px;
33  background-color: $osd_bg_color;
34  color: $osd_fg_color;
35
36  .button {
37    @extend %button;
38    &:insensitive { color: $fg_color; }
39  }
40
41  .pad-osd-title-box { spacing: 12px; }
42  .pad-osd-title-menu-box { spacing: 6px; }
43}
44
45.combo-box-label {
46  width: 15em;
47}
48
49.resize-popup {
50  @extend %osd_panel;
51}