A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

 _switcher.scss

View raw Download
text/plain • 1.15 kiB
ASCII text
        
            
1
/* App Switcher */
2
3
.switcher-popup {
4
padding: 8px;
5
spacing: $base_spacing * 4;
6
}
7
8
// switcher onscreen panel
9
.switcher-list {
10
@extend %osd_panel;
11
12
.item-box {
13
padding: 8px;
14
border-radius: $base_border_radius + 1px;
15
border: 1px solid transparent;
16
17
&:outlined {
18
border: 1px solid darken($borders_color,5%);
19
background-color: transparentize($osd_fg_color, 0.9);
20
box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.4);
21
}
22
23
&:selected {
24
background-color: transparentize($osd_fg_color, 0.9);
25
color: $osd_fg_color;
26
}
27
}
28
29
// window thumbnails
30
.thumbnail-box {
31
padding: 2px;
32
spacing: $base_spacing;
33
}
34
35
.thumbnail {
36
width: 256px;
37
}
38
39
.separator {
40
width: 1px;
41
background: $borders_color;
42
}
43
44
.switcher-list-item-container {
45
spacing: $base_spacing * 2;
46
}
47
}
48
49
.switcher-arrow {
50
border-color: rgba(0,0,0,0);
51
color: transparentize($fg_color,0.2);
52
&:highlighted {
53
color: $fg_color;
54
}
55
}
56
57
// Input Source Switcher
58
.input-source-switcher-symbol {
59
font-size: 34pt;
60
width: 96px;
61
height: 96px;
62
}
63
64
// Window cycler highlight
65
.cycler-highlight {
66
border: 5px solid $selected_bg_color;
67
}
68