me like nix
1* {
2 font-family: "JetBrainsMono Nerd Font", "Font Awesome 6 Free", monospace;
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#network {
73 color: @green;
74}
75
76#cpu {
77 color: @peach;
78}
79
80#memory {
81 color: @mauve;
82}
83
84#temperature {
85 color: @red;
86}
87
88#backlight {
89 color: @yellow;
90}
91
92#backlight,
93#battery {
94 border-radius: 0;
95}
96
97#pulseaudio {
98 color: @maroon;
99 border-radius: 1rem 0px 0px 1rem;
100 margin-left: 1rem;
101}
102
103#custom-music {
104 color: @mauve;
105 border-radius: 1rem;
106}
107
108#custom-lock {
109 border-radius: 1rem 0px 0px 1rem;
110 color: @lavender;
111}
112
113#custom-power {
114 margin-right: 1rem;
115 border-radius: 0px 1rem 1rem 0px;
116 color: @red;
117}
118
119#tray {
120 margin-right: 1rem;
121 border-radius: 1rem;
122}