me like nix
split out css
author
Sean Aye
date
(Jul 14, 2025, 12:56 PM -0400)
commit
58a217a1
58a217a174fd0982e9725fed480b44e13fa6eb80
parent
b521e4f2
b521e4f2986d0512367ce78a75744f80f3cb5940
change-id
yvltskwv
yvltskwvmpqlmysytwvlmrpnrnyknvvm
+107
-108
+1
-108
home.nix
+1
-108
home.nix
···
91
91
programs.waybar = {
92
92
enable = true;
93
93
94
-
style = ''
95
-
96
-
* {
97
-
font-family: FantasqueSansMono Nerd Font;
98
-
font-size: 14px;
99
-
min-height: 0;
100
-
}
101
-
102
-
#waybar {
103
-
background: transparent;
104
-
color: @text;
105
-
margin: 4px 4px;
106
-
}
107
-
108
-
#workspaces {
109
-
border-radius: 1rem;
110
-
margin: 4px;
111
-
background-color: @surface0;
112
-
margin-left: 1rem;
113
-
}
114
-
115
-
#workspaces button {
116
-
color: @lavender;
117
-
border-radius: 1rem;
118
-
padding: 0.4rem;
119
-
}
120
-
121
-
#workspaces button.active {
122
-
color: @sky;
123
-
border-radius: 1rem;
124
-
}
125
-
126
-
#workspaces button:hover {
127
-
color: @sapphire;
128
-
border-radius: 1rem;
129
-
}
130
-
131
-
#custom-music,
132
-
#tray,
133
-
#backlight,
134
-
#clock,
135
-
#battery,
136
-
#pulseaudio,
137
-
#network,
138
-
#power-profiles-daemon,
139
-
#cpu,
140
-
#memory,
141
-
#temperature,
142
-
#custom-lock,
143
-
#custom-power {
144
-
background-color: @surface0;
145
-
padding: 0.5rem 1rem;
146
-
margin: 4px 0;
147
-
}
148
-
149
-
#clock {
150
-
color: @blue;
151
-
border-radius: 0px 1rem 1rem 0px;
152
-
margin-right: 1rem;
153
-
}
154
-
155
-
#battery {
156
-
color: @green;
157
-
}
158
-
159
-
#battery.charging {
160
-
color: @green;
161
-
}
162
-
163
-
#battery.warning:not(.charging) {
164
-
color: @red;
165
-
}
166
-
167
-
#backlight {
168
-
color: @yellow;
169
-
}
170
-
171
-
#backlight, #battery {
172
-
border-radius: 0;
173
-
}
174
-
175
-
#pulseaudio {
176
-
color: @maroon;
177
-
border-radius: 1rem 0px 0px 1rem;
178
-
margin-left: 1rem;
179
-
}
180
-
181
-
#custom-music {
182
-
color: @mauve;
183
-
border-radius: 1rem;
184
-
}
185
-
186
-
#custom-lock {
187
-
border-radius: 1rem 0px 0px 1rem;
188
-
color: @lavender;
189
-
}
190
-
191
-
#custom-power {
192
-
margin-right: 1rem;
193
-
border-radius: 0px 1rem 1rem 0px;
194
-
color: @red;
195
-
}
196
-
197
-
#tray {
198
-
margin-right: 1rem;
199
-
border-radius: 1rem;
200
-
}
201
-
'';
94
+
style = builtins.readFile ./waybar/style.css;
202
95
};
203
96
204
97
programs.ssh = {
+106
waybar/style.css
+106
waybar/style.css
···
1
+
* {
2
+
font-family: FantasqueSansMono Nerd Font;
3
+
font-size: 14px;
4
+
min-height: 0;
5
+
}
6
+
7
+
#waybar {
8
+
background: transparent;
9
+
color: @text;
10
+
margin: 4px 4px;
11
+
}
12
+
13
+
#workspaces {
14
+
border-radius: 1rem;
15
+
margin: 4px;
16
+
background-color: @surface0;
17
+
margin-left: 1rem;
18
+
}
19
+
20
+
#workspaces button {
21
+
color: @lavender;
22
+
border-radius: 1rem;
23
+
padding: 0.4rem;
24
+
}
25
+
26
+
#workspaces button.active {
27
+
color: @sky;
28
+
border-radius: 1rem;
29
+
}
30
+
31
+
#workspaces button:hover {
32
+
color: @sapphire;
33
+
border-radius: 1rem;
34
+
}
35
+
36
+
#custom-music,
37
+
#tray,
38
+
#backlight,
39
+
#clock,
40
+
#battery,
41
+
#pulseaudio,
42
+
#network,
43
+
#power-profiles-daemon,
44
+
#cpu,
45
+
#memory,
46
+
#temperature,
47
+
#custom-lock,
48
+
#custom-power {
49
+
background-color: @surface0;
50
+
padding: 0.5rem 1rem;
51
+
margin: 4px 0;
52
+
}
53
+
54
+
#clock {
55
+
color: @blue;
56
+
border-radius: 0px 1rem 1rem 0px;
57
+
margin-right: 1rem;
58
+
}
59
+
60
+
#battery {
61
+
color: @green;
62
+
}
63
+
64
+
#battery.charging {
65
+
color: @green;
66
+
}
67
+
68
+
#battery.warning:not(.charging) {
69
+
color: @red;
70
+
}
71
+
72
+
#backlight {
73
+
color: @yellow;
74
+
}
75
+
76
+
#backlight,
77
+
#battery {
78
+
border-radius: 0;
79
+
}
80
+
81
+
#pulseaudio {
82
+
color: @maroon;
83
+
border-radius: 1rem 0px 0px 1rem;
84
+
margin-left: 1rem;
85
+
}
86
+
87
+
#custom-music {
88
+
color: @mauve;
89
+
border-radius: 1rem;
90
+
}
91
+
92
+
#custom-lock {
93
+
border-radius: 1rem 0px 0px 1rem;
94
+
color: @lavender;
95
+
}
96
+
97
+
#custom-power {
98
+
margin-right: 1rem;
99
+
border-radius: 0px 1rem 1rem 0px;
100
+
color: @red;
101
+
}
102
+
103
+
#tray {
104
+
margin-right: 1rem;
105
+
border-radius: 1rem;
106
+
}