blob: c37d1e6ee4f5ed7e7c1735347dc143c4740fd8dc (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
$bg: #100F0F;
$bg2: #1C1B1A;
$ui: #282726;
$ui2: #343331;
$ui3: #403E3C;
$tx3: #575653;
$tx2: #878580;
$tx: #CECDC3;
$re: #D14D41;
$or: #DA702C;
$ye: #D0A215;
$gr: #879A39;
$cy: #3AA99F;
$bl: #4385BE;
$pu: #8B7EC8;
$ma: #CE5D97;
$re2: #AF3029;
$or2: #BC5215;
$ye2: #AD8301;
$gr2: #66800B;
$cy2: #24837B;
$bl2: #205EA6;
$pu2: #5E409D;
$ma2: #A02F6F;
* {
all: unset;
}
.bar {
background-color: transparent;
color: $tx;
font-family: 'FiraCode Nerd Font';
}
.title {
background-color: $bg;
border-radius: 999px;
padding: 0 16px;
}
.status {
background-color: $bg;
border-radius: 999px;
padding: 0 1px;
}
.status > * {
margin: 0 8px;
}
.volume { color: $re; }
.network { color: $or; }
.brightness { color: $ye; }
.battery { color: $gr; }
.clock { color: $bl; }
.menu {
color: $pu;
font-size: 1.3em;
}
.tags {
background-color: $bg;
border-radius: 999px;
padding: 8px;
}
.tags button {
color: $tx;
border: 2.5px solid $ui3;
border-radius: 999px;
padding: 8px 8px;
margin: 0 3px;
}
.tags .focused {
border-color: $ui3;
background-color: $ui3;
}
.tags .occupied.focused {
border-color: $bl;
background-color: $bl;
}
.tags .occupied {
border-color: $bl;
}
scale {
padding: 0 16px;
}
scale trough {
min-width: 100px;
background-color: $re;
}
.powermenu {
background-color: rgba(0 0 0 / 20%);
}
.powermenu-buttons {
margin: 420px 200px;
}
.powermenu button {
background-color: $bg;
font-size: 20px;
}
.powermenu label {
margin-top: 8px;
font-size: 1.25rem;
}
|
