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