this repo has no description
1@import "catppuccin.css";
2
3* {
4 font-size: 12pt;
5 font-family: monospace;
6}
7
8window#waybar {
9 background: rgba(49, 50, 68, 0.01);
10 color: @text;
11}
12
13tooltip {
14 background: @mantle;
15 border: 2px solid @surface0;
16}
17
18tooltip label {
19 color: @text;
20}
21
22.module {
23 background: @crust;
24 border: 2px solid @base;
25 border-radius: 10px;
26 padding: 5px 8px;
27 margin-left: 1px;
28 margin-right: 0;
29 margin-top: 4px;
30 margin-bottom: 0;
31}
32
33#bluetooth.disabled {
34 border-color: @red;
35}
36
37#waybar .modules-left>*:first-child>* {
38 margin-left: 10px;
39}
40
41#waybar .modules-right>*:last-child>* {
42 margin-right: 10px;
43}
44
45/* #waybar .modules-left, */
46/* #waybar .modules-right { */
47/* margin-top: 2px; */
48/* margin-bottom: 2px; */
49/* } */
50
51#battery.warning {
52 border-color: @yellow;
53}
54
55#battery.critical {
56 border-color: @red;
57}
58
59*>#battery.charging {
60 border-color: @green;
61}
62
63#cpu.warning,
64#memory.warning {
65 border-color: @yellow;
66}
67
68#cpu.critical,
69#memory.critical,
70#temperature.critical {
71 border-color: @red;
72}
73
74#idle_inhibitor.activated {
75 border-color: @mauve;
76}
77
78#custom-notification.notification {
79 border-color: @sapphire;
80}
81
82#custom-notification.dnd-none,
83#custom-notification.dnd-notification,
84#custom-notification.dnd-inhibited-none,
85#custom-notification.dnd-inhibited-notification {
86 border-color: @red;
87}
88
89#custom-notification.inhibited-none,
90#custom-notification.inhibited-notification {
91 border-color: @mauve;
92}
93
94#network.disconnected {
95 border-color: @red;
96}
97
98#privacy {
99 background: none;
100 border: none;
101 margin: 0;
102 padding: 0;
103}
104
105#privacy-item {
106 background: @crust;
107 border: 2px solid @red;
108 border-radius: 10px;
109 padding: 5px 8px;
110 margin-left: 1px;
111 margin-right: 0;
112 margin-top: 4px;
113 margin-bottom: 0;
114}
115
116#custom-weather.Error {
117 border-color: @red;
118}
119
120#custom-weather.VeryCloudy,
121#custom-weather.Cloudy,
122#custom-weather.Fog {
123 border-color: @overlay0;
124}
125
126#custom-weather.HeavyRain,
127#custom-weather.ThunderyHeavyRain,
128#custom-weather.ThunderyRain,
129#custom-weather.ThunderyShowers,
130#custom-weather.HeavyShowers,
131#custom-weather.LightRain,
132#custom-weather.LightShowers {
133 border-color: @blue;
134}
135
136#custom-weather.HeavySnow,
137#custom-weather.LightSnow,
138#custom-weather.Sleet,
139#custom-weather.Snow,
140#custom-weather.LightSnowShowers,
141#custom-weather.LightSleetShowers {
142 border-color: @text;
143}
144
145#custom-weather.Clear,
146#custom-weather.Sunny {
147 border-color: @yellow;
148}
149
150#custom-weather.PartlyCloudy {
151 border-color: @flamingo;
152}
153
154#custom-weather.PartlyCloudy.night {
155 border-color: @lavender;
156}
157
158#custom-weather.Clear.night,
159#custom-weather.Sunny.night {
160 border-color: @mauve;
161}
162
163#custom-news.unread {
164 border-color: @sapphire;
165}
166
167#mpris {
168 opacity: 0;
169}
170
171#mpris.paused {
172 opacity: 1;
173}
174
175#mpris.playing {
176 opacity: 1;
177 border-color: @sapphire;
178}
179
180#mpris.playing.spotify {
181 border-color: #33b980;
182}
183
184#mpris.paused.kdeconnect {
185 opacity: 0;
186}
187
188
189/* Some fixes for icon spacing */
190
191#custom-notification {
192 padding-right: 1em;
193 padding-left: .9em;
194}
195
196#idle_inhibitor {
197 padding-right: 1em;
198 padding-left: .7em;
199}
200
201#power-profiles-daemon {
202 padding-left: .8em;
203 padding-right: 1em;
204}
205
206#pulseaudio.muted {
207 padding-right: .8em;
208 padding-left: .55em;
209}