me like nix
1* {
2 font-family: "BerkeleyMono Nerd Font", "Font Awesome 6 Free", "Symbols Nerd Font Mono", monospace;
3 font-size: 14px;
4 font-weight: normal;
5 min-height: 0;
6}
7
8#waybar {
9 background: transparent;
10 color: @text;
11 margin: 4px 4px;
12}
13
14#workspaces {
15 border-radius: 1rem;
16 margin: 4px;
17 background-color: @surface0;
18 margin-left: 1rem;
19}
20
21#workspaces button {
22 color: @lavender;
23 border-radius: 1rem;
24 padding: 0.4rem;
25}
26
27#workspaces button.active {
28 color: @sky;
29 border-radius: 1rem;
30}
31
32#workspaces button:hover {
33 color: @sapphire;
34 border-radius: 1rem;
35}
36
37#custom-music,
38#tray,
39#backlight,
40#clock,
41#battery,
42#pulseaudio,
43#network,
44#power-profiles-daemon,
45#cpu,
46#memory,
47#temperature,
48#custom-lock,
49#custom-power {
50 background-color: @surface0;
51 padding: 0.5rem 1rem;
52 margin: 4px 0;
53}
54
55#clock {
56 color: @blue;
57 border-radius: 0px 1rem 1rem 0px;
58 margin-right: 1rem;
59}
60
61#battery {
62 color: @green;
63}
64
65#battery.charging {
66 color: @green;
67}
68
69#battery.warning:not(.charging) {
70 color: @red;
71}
72
73#network {
74 color: @green;
75}
76
77#cpu {
78 color: @peach;
79}
80
81#memory {
82 color: @mauve;
83}
84
85#temperature {
86 color: @red;
87}
88
89#backlight {
90 color: @yellow;
91}
92
93#backlight,
94#battery {
95 border-radius: 0;
96}
97
98#pulseaudio {
99 color: @maroon;
100 border-radius: 1rem 0px 0px 1rem;
101 margin-left: 1rem;
102}
103
104#custom-music {
105 color: @mauve;
106 border-radius: 1rem;
107}
108
109#custom-lock {
110 border-radius: 1rem 0px 0px 1rem;
111 color: @lavender;
112}
113
114#custom-power {
115 margin-right: 1rem;
116 border-radius: 0px 1rem 1rem 0px;
117 color: @red;
118}
119
120#tray {
121 margin-right: 1rem;
122 border-radius: 1rem;
123}