me like nix
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}