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