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