ASCII text
1
/* Screen Shield */
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../../../shadow";
6
@use "../../gnome-shell";
7
@use "../../typography";
8
@use "../base/scrollbar";
9
@if gnome-shell.$version >= 3.36 {
11
.unlock-dialog-clock {
12
padding-bottom: 2.5em;
13
spacing: 24px;
14
color: theme-color.$on-dark;
15
font-weight: normal;
16
text-align: center;
17
}
18
.unlock-dialog-clock-time {
20
padding-top: 42px;
21
@include typography.headline1;
22
font-feature-settings: "tnum";
23
}
24
.unlock-dialog-clock-date {
26
@include typography.headline4;
27
}
28
.unlock-dialog-clock-hint {
30
padding-top: 48px;
31
color: theme-color.hint(theme-color.$on-dark);
32
font-weight: normal;
33
}
34
.unlock-dialog-notifications-container {
36
width: 23em;
37
margin: 12px 0;
38
spacing: 6px;
39
background-color: transparent;
40
.summary-notification-stack-scrollview {
42
padding-top: 0;
43
padding-bottom: 0;
44
}
45
.notification,
47
.unlock-dialog-notification-source {
48
padding: 8px;
49
border: 0;
50
border-radius: theme.$corner-radius;
51
background-color: theme-color.entry-fill(theme-color.$on-dark);
52
color: theme-color.$on-dark;
53
&.critical {
55
background-color: theme-color.entry-fill(theme-color.$on-dark);
56
color: theme-color.error(theme-color.$on-dark);
57
}
58
}
59
}
60
.unlock-dialog-notification-label {
62
padding: 0 0 0 12px;
63
}
64
.unlock-dialog-notification-count-text {
66
// min-height: $small-size;
67
margin-right: 12px;
68
padding: 2px 8px;
69
border-radius: 99px;
70
background-color: theme-color.fill(theme-color.$on-dark);
71
color: theme-color.$on-dark;
72
// font-weight: bold;
73
}
74
#lockDialogGroup {
76
background-color: theme-color.$system;
77
color: theme-color.$on-system;
78
}
79
#unlockDialogNotifications {
81
StScrollBar {
82
@include scrollbar.color(theme-color.$on-dark);
83
}
84
}
85
} @else {
86
.screen-shield-arrows {
87
padding-bottom: 3em;
88
}
89
.screen-shield-arrows Gjs_Arrow {
91
width: 80px;
92
height: 48px;
93
color: theme-color.$on-dark;
94
-arrow-thickness: 12px;
95
-arrow-shadow: shadow.$z2;
96
}
97
.screen-shield-clock {
99
padding-bottom: 1.5em;
100
color: theme-color.$on-dark;
101
text-shadow: shadow.$z2;
102
font-weight: normal;
103
text-align: center;
104
}
105
.screen-shield-clock-time {
107
@include typography.headline1;
108
text-shadow: shadow.$z2;
109
font-feature-settings: "tnum";
110
}
111
.screen-shield-clock-date {
113
@include typography.headline4;
114
}
115
.screen-shield-notifications-container {
117
spacing: 6px;
118
width: 30em;
119
max-height: 500px;
120
background-color: transparent;
121
.summary-notification-stack-scrollview {
123
padding-top: 0;
124
padding-bottom: 0;
125
}
126
.notification,
128
.screen-shield-notification-source {
129
padding: 8px;
130
border: 0;
131
border-radius: theme.$corner-radius;
132
background-color: theme-color.$scrim-alt;
133
color: theme-color.$on-scrim-alt;
134
}
135
// compensate for space allocated to the scrollbar
137
.notification {
138
margin-right: 16px;
139
}
140
}
141
.screen-shield-notification-label {
143
min-height: theme.$small-size - 2px;
144
padding: 2px 0 0 16px;
145
font-weight: bold;
146
}
147
.screen-shield-notification-count-text {
149
min-height: theme.$small-size - 2px;
150
padding: 2px 0 0 16px;
151
color: theme-color.hint(theme-color.$on-scrim-alt);
152
}
153
#lockDialogGroup {
155
background-color: theme-color.$system;
156
background-repeat: repeat;
157
color: theme-color.$on-system;
158
}
159
#screenShieldNotifications {
161
StScrollBar {
162
@include scrollbar.color(theme-color.$on-dark);
163
}
164
}
165
}
166
// just the shadow, really
168
.screen-shield-background {
169
background: black;
170
box-shadow: shadow.$z16;
171
}
172