ASCII text
1
@use "../../../../theme";
2
@use "../../../../theme-color";
3
@use "../../gnome-shell";
4
// Rubberband for select-area screenshots
6
.select-area-rubberband {
7
border: 1px solid theme-color.primary(theme-color.$on-dark);
8
background-color: rgba(theme-color.primary(theme-color.$on-dark), .3);
9
}
10
// User icon
12
$user-icon: if(gnome-shell.$version >= 3.32, ".user-icon", ".framed-user-icon");
13
#{$user-icon} {
15
border: 0;
16
border-radius: theme.$circular-radius;
17
background-size: contain;
18
color: inherit;
19
&:hover {
21
border-color: transparent;
22
color: inherit;
23
}
24
}
25
@mixin user-icon-size($size) {
27
icon-size: $size;
28
StIcon {
30
width: $size / 2;
31
height: $size / 2;
32
padding: $size / 4;
33
}
34
}
35
@if gnome-shell.$version >= 3.36 {
37
.user-icon {
38
StIcon {
39
background-color: theme-color.fill(theme-color.$on-surface);
40
border-radius: theme.$circular-radius;
41
}
42
@if gnome-shell.$version >= 40 {
44
@include user-icon-size(64px);
45
&.user-avatar {
47
border: 0;
48
}
49
}
50
}
51
.user-widget.vertical .user-icon {
53
@include user-icon-size(128px);
54
}
55
@if gnome-shell.$version < 40 {
57
.user-widget.horizontal .user-icon {
58
@include user-icon-size(64px);
59
}
60
}
61
}
62
// Lightbox
64
.lightbox {
65
background-color: black;
66
}
67
// Flashspot
69
.flashspot {
70
background-color: white;
71
}
72
// Hidden
74
.hidden {
75
color: transparent;
76
}
77
// Caps-lock warning
79
.caps-lock-warning-label {
80
text-align: center;
81
padding-bottom: 8px;
82
font-size: 1em;
83
color: theme-color.$warning;
84
}
85
@if gnome-shell.$version >= 40 {
87
/* Workspace animation */
88
.workspace-animation {
90
background-color: theme-color.$system;
91
}
92
}
93