ASCII text
1
/* App Switcher */
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../../../st-theme";
6
@use "../../typography";
7
@use "osd";
8
.switcher-popup {
10
padding: 8px;
11
spacing: 16px;
12
}
13
// switcher onscreen panel
15
.switcher-list {
16
@include osd.panel;
17
.switcher-list-item-container {
19
spacing: 8px;
20
}
21
.item-box {
23
transition-duration: st-theme.$duration;
24
padding: 8px;
25
border: 0;
26
border-radius: theme.$corner-radius;
27
&:outlined {
29
padding: 8px;
30
border: 0;
31
box-shadow: none;
32
background-color: theme-color.activated-overlay(theme-color.$on-surface);
33
color: inherit;
34
}
35
&:selected {
37
background-color: theme-color.$selected-overlay;
38
color: inherit;
39
}
40
}
41
// window thumbnails
43
.thumbnail-box {
44
padding: 2px;
45
spacing: 4px;
46
}
47
.thumbnail {
49
width: 256px;
50
}
51
.separator {
53
width: 1px;
54
background: theme-color.divider(theme-color.$on-surface);
55
}
56
}
57
.switcher-arrow {
59
transition-duration: st-theme.$duration;
60
border-color: transparent;
61
color: theme-color.hint(theme-color.$on-surface);
62
&:highlighted {
64
color: theme-color.$on-surface;
65
}
66
}
67
// Input Source Switcher
69
.input-source-switcher-symbol {
70
width: 96px;
71
height: 96px;
72
@include typography.headline3;
73
}
74
// Window cycler highlight
76
.cycler-highlight {
77
border: 4px solid theme-color.$primary;
78
}
79