ASCII text
1
/* OVERVIEW */
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../../../st-theme";
6
@use "../../gnome-shell";
7
@use "../../typography";
8
@use "../base/scrollbar";
9
$color: theme-color.$system;
11
$on-color: theme-color.$on-system;
12
@if gnome-shell.$version < 40 {
14
$color: transparent;
15
$on-color: theme-color.$on-dark;
16
}
17
@if gnome-shell.$version >= 40 {
19
.controls-manager,
20
.secondary-monitor-workspaces {
21
spacing: 16px;
22
}
23
#overviewGroup {
25
background-color: $color;
26
color: $on-color;
27
StScrollBar {
29
@include scrollbar.color($on-color);
30
}
31
}
32
} @else {
33
#overview {
34
spacing: 24px;
35
background-color: $color;
36
color: $on-color;
37
StScrollBar {
39
@include scrollbar.color($on-color);
40
}
41
}
42
.overview-controls {
44
padding-bottom: 32px;
45
}
46
}
47
@mixin panel {
49
transition-duration: st-theme.$duration-panel;
50
border: 0;
51
background-color: theme-color.fill($on-color);
52
color: $on-color;
53
}
54
@mixin status-text {
56
@include typography.headline3;
57
color: theme-color.disabled($on-color);
58
}
59
@mixin item {
61
@include _item;
62
&:focus {
64
@include _item-focus;
65
}
66
&:hover,
68
&:selected {
69
@include _item-hover;
70
}
71
&:active,
73
&:checked {
74
@include _item-active;
75
}
76
}
77
@mixin icon {
79
.overview-icon {
80
@include _item;
81
}
82
&:focus {
84
.overview-icon {
85
@include _item-focus;
86
}
87
}
88
&:drop,
90
&:hover,
91
&:selected {
92
.overview-icon {
93
@include _item-hover;
94
}
95
}
96
&:active,
98
&:checked {
99
.overview-icon {
100
@include _item-active;
101
}
102
}
103
}
104
@mixin _item {
106
padding: 6px;
107
border: 0;
108
border-radius: theme.$corner-radius;
109
background-color: transparent;
110
color: inherit;
111
text-align: center;
112
transition-duration: st-theme.$duration;
113
}
114
@mixin _item-focus {
116
border-image: none;
117
background-image: none;
118
background-color: theme-color.focus-overlay($on-color);
119
color: inherit;
120
transition-duration: 0ms;
121
}
122
@mixin _item-hover {
124
border: 0;
125
border-image: none;
126
background-image: none;
127
background-color: theme-color.hover-overlay($on-color);
128
color: inherit;
129
transition-duration: 0ms;
130
}
131
@mixin _item-active {
133
box-shadow: none;
134
background-color: theme-color.pressed-overlay($on-color);
135
color: inherit;
136
transition-duration: st-theme.$duration-ripple;
137
}
138