_osd.scss
ASCII text
1
/* OSD */
2
3
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../gnome-shell";
6
@use "../../typography";
7
8
@mixin panel {
9
padding: 12px;
10
border: none;
11
border-radius: theme.$corner-radius;
12
box-shadow: theme.$shadow-z8;
13
background-color: theme-color.$surface-z8;
14
color: theme-color.$on-surface;
15
}
16
17
.osd-window {
18
@include panel;
19
text-align: center;
20
font-weight: bold;
21
spacing: 12px;
22
margin: 32px;
23
min-width: 64px;
24
min-height: 64px;
25
26
StIcon {
27
icon-size: 96px;
28
}
29
30
.osd-monitor-label {
31
@include typography.headline3;
32
}
33
34
@if gnome-shell.$version >= 3.30 {
35
.level {
36
height: 8px;
37
-barlevel-height: 8px;
38
-barlevel-background-color: theme-color.disabled-stroke(theme-color.$on-surface);
39
-barlevel-active-background-color: theme-color.$primary;
40
-barlevel-overdrive-color: theme-color.$error;
41
-barlevel-overdrive-separator-width: 2px;
42
}
43
} @else {
44
.level {
45
height: 8px;
46
border-radius: 0;
47
background-color: theme-color.disabled-stroke(theme-color.$on-surface);
48
color: theme-color.$on-surface;
49
}
50
51
.level-bar {
52
border-radius: 0;
53
background-color: theme-color.$primary;
54
}
55
}
56
}
57
58
.resize-popup {
59
@include panel;
60
}
61
62
/* Pad OSD */
63
64
.pad-osd-window {
65
padding: 32px;
66
background-color: theme-color.$scrim;
67
68
.pad-osd-title-box {
69
spacing: 12px;
70
}
71
72
.pad-osd-title-menu-box {
73
spacing: 6px;
74
}
75
}
76
77
.combo-box-label {
78
width: 15em;
79
}
80