vitorpy.com
vitorpy's Dotfiles
1@import "/usr/lib/hyprwhspr/config/waybar/hyprwhspr-style.css";
2
3/* Global look + font */
4* {
5 font-family: "NotoSans Nerd Font", sans-serif;
6}
7window#waybar {
8 background: transparent;
9 border: none;
10 font-size: 16px; /* bump if you want 13–14px */
11}
12
13/* Reset default borders/outlines for all widgets */
14.modules-left > *,
15.modules-center > *,
16.modules-right > * {
17 border: none;
18 outline: none;
19}
20
21/* add outer padding so edge widgets (e.g., power) have room for popups */
22.modules-left {
23 padding-left: 0;
24 margin: 0;
25 border: none;
26 box-shadow: none;
27}
28#battery.charging {
29 background: #1f1f1f;
30 color: #dcdccc;
31 border: 1px solid #3f3f3f;
32 border-radius: 14px;
33 margin: 4px 8px;
34 padding: 0 10px;
35}
36
37#custom-dnf-updates {
38 border: none;
39 box-shadow: none;
40 outline: none;
41 margin: 0;
42 padding: 0;
43}
44
45#custom-dnf-updates.updates-available {
46 background: #1f1f1f;
47 color: #dcdccc;
48 border-top: 1px solid #3f3f3f;
49 border-right: 1px solid #3f3f3f;
50 border-bottom: 1px solid #3f3f3f;
51 border-left: none;
52 border-radius: 14px;
53 margin: 4px 4px 4px 8px;
54 padding: 0 10px;
55 box-shadow: none;
56 outline: none;
57}
58
59#custom-reboot-required.reboot-required {
60 background: #1f1f1f;
61 color: #dcdccc;
62 border: 1px solid #3f3f3f;
63 border-radius: 14px;
64 margin: 4px 8px;
65 padding: 0 10px;
66}
67
68#custom-hyprwhspr {
69 background: #1f1f1f;
70 color: #dcdccc;
71 border: 1px solid #3f3f3f;
72 border-radius: 14px;
73 margin: 4px 8px;
74 padding: 0 10px;
75}
76
77.modules-right {
78 background: #1f1f1f;
79 color: #dcdccc;
80 border: 1px solid #3f3f3f; /* unified stroke (replaces border-bottom) */
81 border-radius: 14px;
82 margin: 4px 8px; /* space around the whole right group */
83 padding: 0 8px; /* space between pill edge and first/last item */
84}
85.modules-center {
86 border-radius: 14px;
87 background: #1f1f1f;
88 color: #dcdccc;
89 border-bottom: 1px solid #3f3f3f;
90 margin-top: 8px;
91}
92
93/* uniform internal spacing for every module */
94.modules-left > * {
95 padding: 0; /* left modules are self-contained pills */
96 margin: 0;
97}
98.modules-center> *,
99.modules-right > * {
100 padding: 0 12px; /* more space than before */
101 margin: 0;
102}
103
104/* separators (kept subtle) */
105.modules-center> * + * {
106 border-left: 1px solid #3f3f3f;
107 padding-left: 8px;
108}
109/* internal item spacing stays uniform + tight separators from before */
110.modules-right > * {
111 padding: 0 10px;
112 margin: 0;
113}
114.modules-right > * + * {
115 box-shadow: inset 1px 0 0 #3f3f3f; /* separator line without extra gap */
116}
117
118/* center clock – more room, no separator */
119#clock { padding: 0 14px; border: none; }
120
121/* hover accent */
122button:hover { background: #f0dfaf; color: #1f1f1f; }
123
124/* workspaces (optional) */
125#workspaces button { color: #9ece9e; background: #1f1f1f; }
126#workspaces button.active { background: #8faf9f; color: #1f1f1f; }
127
128/* tray spacing */
129#tray { padding: 0 6px; }
130#tray > * { margin-right: 10px; }
131
132/* keyboard layout */
133#custom-kblayout { min-width: 32px; }
134
135/* power widget (custom/power usually maps to #custom-power) */
136#custom-power { padding: 0 14px; }
137
138/* popup menu (Waybar's GTK menu) */
139menu {
140 background: #1f1f1f;
141 color: #dcdccc;
142 border: 1px solid #3f3f3f;
143 margin-top: 6px; /* drop it away from bar so it’s not clipped */
144 min-width: 180px; /* avoid super-narrow menus */
145}
146menu > menuitem { padding: 6px 12px; }
147menu > menuitem:hover { background: #f0dfaf; color: #1f1f1f; }
148
149#custom-mako-dnd {
150 padding: 0 10px;
151 border-left: 1px solid #3f3f3f;
152}
153#custom-mako-dnd:hover {
154 background: #f0dfaf;
155 color: #1f1f1f;
156}
157
158#custom-mako-clear {
159 padding: 0 10px;
160 border-left: 1px solid #3f3f3f;
161}
162#custom-mako-clear:hover {
163 background: #f0dfaf;
164 color: #1f1f1f;
165}
166
167/* per-module minimum widths (tune to taste) */
168#pulseaudio { min-width: 70px; } /* speaker */
169#pulseaudio.mic { min-width: 70px; } /* mic instance (pulseaudio#mic) */
170#custom-brightness { min-width: 70px; } /* brightness control */
171#network { min-width: 160px; }
172#power-profiles-daemon { min-width: 100px; }
173#battery { min-width: 70px; }
174#battery.warning { color: #cc9393; }
175#battery.critical { background: #cc9393; color: #1f1f1f; }
176#cpu { min-width: 48px; }
177#temperature { min-width: 56px; }
178#custom-kblayout { min-width: 34px; }
179#tray { min-width: 36px; } /* leaves room when few icons */
180#custom-mako-dnd { min-width: 34px; }
181#custom-mako-clear { min-width: 34px; }
182#custom-power { min-width: 34px; }
183
184/* (optional) keep clock tight but stable */
185#clock { min-width: 190px; }
186
187.modules-center {
188 background: #1f1f1f;
189 color: #dcdccc;
190 border: 1px solid #3f3f3f; /* was border-bottom only */
191 border-radius: 14px;
192 margin: 4px 8px; /* was margin-top: 8px */
193 padding: 0 8px;
194}
195
196/* center group item spacing to match right group */
197.modules-center > * {
198 padding: 0 10px;
199 margin: 0;
200}
201
202/* kill old separator rule for center, then use inset line */
203.modules-center > * + * {
204 border-left: none; /* override previous rule */
205 padding-left: 0; /* override previous rule */
206 box-shadow: inset 1px 0 0 #3f3f3f;
207}