irongit

Waybar configuration

chore: initial commit

huncholanehuncholaneauthored
commit 75b5c4345470ebe770dc57879a4aca152616ff1fBrowse files

98 files changed, +16934 -0

+430-0Modules
@@ -0,0 +1,430 @@
1+//* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- *//
2+/* Waybar Modules */
3+
4+/* NOTE: hyprland-workspaces, Custom Modules, Custom Vertical & Groups on a separate files */
5+
6+{
7+
8+"temperature": {
9+ "interval": 10,
10+ "tooltip": true,
11+ "hwmon-path": [
12+ "/sys/class/hwmon/hwmon1/temp1_input",
13+ "/sys/class/thermal/thermal_zone0/temp"
14+ ],
15+ //"thermal-zone": 0,
16+ "critical-threshold": 82,
17+ "format-critical": "{temperatureC}ยฐC {icon}",
18+ "format": "{temperatureC}ยฐC {icon}",
19+ "format-icons": [
20+ "๓ฐˆธ"
21+ ],
22+ "on-click-right": "$HOME/.config/hypr/scripts/WaybarScripts.sh --nvtop"
23+},
24+
25+"backlight": {
26+ "interval": 2,
27+ "align": 0,
28+ "rotate": 0,
29+ //"format": "{icon} {percent}%",
30+ "format-icons": [
31+ "๎• ",
32+ "๎— ",
33+ "๎š ",
34+ "๓ฐƒ ",
35+ "๓ฐƒž ",
36+ "๓ฐƒŸ ",
37+ "๓ฐƒ  "
38+ ],
39+ "format": "{icon}",
40+ //"format-icons": ["๎•","๎–","๎—","๎˜","๎™","๎š","๎›","๎œ","๎","๎ž","๎Ÿ","๎ ","๎ก","๎ข","๎ฃ"],
41+ "tooltip-format": "backlight {percent}%",
42+ "icon-size": 10,
43+ "on-click": "",
44+ "on-click-middle": "",
45+ "on-click-right": "",
46+ "on-update": "",
47+ "on-scroll-up": "$HOME/.config/hypr/scripts/Brightness.sh --inc",
48+ "on-scroll-down": "$HOME/.config/hypr/scripts/Brightness.sh --dec",
49+ "smooth-scrolling-threshold": 1,
50+},
51+
52+"backlight#2": {
53+ "device": "intel_backlight",
54+ "format": "{icon} {percent}%",
55+ "format-icons": ["๏†…", "๏„‘"]
56+},
57+
58+"battery": {
59+ //"interval": 5,
60+ "align": 0,
61+ "rotate": 0,
62+ //"bat": "BAT1",
63+ //"adapter": "ACAD",
64+ "full-at": 100,
65+ "design-capacity": false,
66+ "states": {
67+ "good": 95,
68+ "warning": 30,
69+ "critical": 15
70+ },
71+ "format": "{icon} {capacity}%",
72+ "format-charging": "๏ƒง {capacity}%",
73+ "format-plugged": "๓ฑ˜– {capacity}%",
74+ "format-alt-click": "click",
75+ "format-full": "{icon} Full",
76+ "format-alt": "{icon} {time}",
77+ "format-icons": [
78+ "๓ฐ‚Ž", "๓ฐบ", "๓ฐป", "๓ฐผ", "๓ฐฝ", "๓ฐพ", "๓ฐฟ", "๓ฐ‚€", "๓ฐ‚", "๓ฐ‚‚", "๓ฐน"
79+ ],
80+ "format-time": "{H}h {M}min",
81+ "tooltip": true,
82+ "tooltip-format": "{timeTo} {power}w",
83+ "on-click-middle": "$HOME/.config/hypr/scripts/ChangeBlur.sh",
84+ "on-click-right": "$HOME/.config/hypr/scripts/Wlogout.sh",
85+},
86+
87+"bluetooth": {
88+ "format": "๏Š“ ",
89+ "format-disabled": "๓ฐ‚ณ",
90+ "format-connected": "๓ฐ‚ฑ {num_connections}",
91+ "tooltip-format": "๏Š“ {device_alias}",
92+ "tooltip-format-connected": "{device_enumerate}",
93+ "tooltip-format-enumerate-connected": "๏Š“ {device_alias} ๓ฐ‚„{device_battery_percentage}%",
94+ "tooltip": true,
95+ "on-click": "blueman-manager",
96+},
97+
98+"clock": {
99+ "interval": 1,
100+ "format": "๏€— {:%I:%M %p}", // AM PM format
101+ //"format": "๏€— {:%H:%M:%S}",// 24H
102+ "format-alt": "๏€— {:%H:%M ๏ณ %Y, %d %B, %A}",
103+ "tooltip-format": "<tt><small>{calendar}</small></tt>",
104+ "calendar": {
105+ "mode": "year",
106+ "mode-mon-col": 3,
107+ "weeks-pos": "right",
108+ "on-scroll": 1,
109+ "format": {
110+ "months": "<span color='#ffead3'><b>{}</b></span>",
111+ "days": "<span color='#ecc6d9'><b>{}</b></span>",
112+ "weeks": "<span color='#99ffdd'><b>W{}</b></span>",
113+ "weekdays": "<span color='#ffcc66'><b>{}</b></span>",
114+ "today": "<span color='#ff6699'><b><u>{}</u></b></span>"
115+ }
116+ }
117+},
118+
119+"actions": {
120+ "on-click-right": "mode",
121+ "on-click-forward": "tz_up",
122+ "on-click-backward": "tz_down",
123+ "on-scroll-up": "shift_up",
124+ "on-scroll-down": "shift_down"
125+},
126+
127+"clock#2": {
128+ "format": "๏€— {:%I:%M %p}", // AM PM format
129+ //"format": "๏€— {:%H:%M}",// 24H
130+ "format-alt": "{:%A | %H:%M | %e %B}",
131+ "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
132+},
133+
134+"clock#3": {
135+ "format": "{:%I:%M %p - %d/%b}",//for AM/PM
136+ //"format": "{:%H:%M - %d/%b}",// 24H
137+ "tooltip": false
138+},
139+
140+"clock#4": {
141+ "interval": 60,
142+ "format": "{:%B | %a %d, %Y | %I:%M %p}",// AM PM format
143+ //"format": "{:%B | %a %d, %Y | %H:%M}",// 24H
144+ "format-alt": "{:%a %b %d, %G}",
145+ "tooltip-format": "<big>{:%B %Y}</big>\n<tt><small>{calendar}</small></tt>",
146+},
147+
148+"clock#5": {
149+ "format": "{:%A, %I:%M %P}",// AM PM format
150+ //"format": "{:%a %d | %H:%M}",// 24H
151+ "format-alt": "{:%A, %d %B, %Y (%R)}",
152+ "tooltip-format": "<big>{:%B %Y}</big>\n<tt><small>{calendar}</small></tt>",
153+},
154+
155+"clock#utc": {
156+ "interval": 1,
157+ "format": "๎ฌ {:%I:%M %p} UTC",
158+ "format-alt": "๎ฌ {:%H:%M ๏ณ %Y, %d %B} UTC",
159+ "timezone": "UTC",
160+ "tooltip-format": "UTC Time\n<tt><small>{calendar}</small></tt>",
161+ "calendar": {
162+ "mode": "year",
163+ "mode-mon-col": 3,
164+ "weeks-pos": "right",
165+ "on-scroll": 1,
166+ "format": {
167+ "months": "<span color='#ffead3'><b>{}</b></span>",
168+ "days": "<span color='#ecc6d9'><b>{}</b></span>",
169+ "weeks": "<span color='#99ffdd'><b>W{}</b></span>",
170+ "weekdays": "<span color='#ffcc66'><b>{}</b></span>",
171+ "today": "<span color='#ff6699'><b><u>{}</u></b></span>"
172+ }
173+ }
174+},
175+
176+"cpu": {
177+ "format": "{usage}% ๓ฐ›",
178+ "interval": 1,
179+ "min-length": 5,
180+ "format-alt-click": "click",
181+ "format-alt": "{icon0}{icon1}{icon2}{icon3} {usage:>2}% ๓ฐ›",
182+ "format-icons": [
183+ "โ–", "โ–‚", "โ–ƒ", "โ–„", "โ–…", "โ–†", "โ–‡", "โ–ˆ"
184+ ],
185+ "on-click-right": "gnome-system-monitor",
186+},
187+
188+"disk": {
189+ "interval": 30,
190+ //"format": "๓ฐ‹Š",
191+ "path": "/",
192+ //"format-alt-click": "click",
193+ "format": "{percentage_used}% ๓ฐ‹Š",
194+ //"tooltip": true,
195+ "tooltip-format": "{used} used out of {total} on {path} ({percentage_used}%)",
196+},
197+
198+"hyprland/language": {
199+ "format": "Lang: {}",
200+ "format-en": "US",
201+ "format-tr": "Korea",
202+ "keyboard-name": "at-translated-set-2-keyboard",
203+ "on-click": "hyprctl switchxkblayout $SET_KB next"
204+},
205+
206+"hyprland/submap": {
207+ "format": "<span style=\"italic\">๏Œž {}</span>", // Icon: expand-arrows-alt
208+ "tooltip": false,
209+},
210+
211+"hyprland/window": {
212+ "format": "{title}",
213+ "max-length": 40,
214+ "separate-outputs": true,
215+ "offscreen-css": true,
216+ "offscreen-css-text": "(inactive)",
217+ "tooltip": true,
218+ "tooltip-format": "Title: {title}\nClass: {class}\nInitial Class: {initialClass}\nInitial Title: {initialTitle}",
219+ "rewrite": {
220+ "(.*) โ€” Mozilla Firefox": "๏‰ฉ $1",
221+ "(.*) - fish": "> [$1]",
222+ "(.*) - zsh": "> [$1]",
223+ "(.*) - $term": "> [$1]",
224+ },
225+},
226+
227+"idle_inhibitor": {
228+ "tooltip": true,
229+ "tooltip-format-activated": "Idle_inhibitor active",
230+ "tooltip-format-deactivated": "Idle_inhibitor not active",
231+ "format": "{icon}",
232+ "format-icons": {
233+ "activated": "๏ฎ ",
234+ "deactivated": "๏ฐ ",
235+ }
236+},
237+
238+"keyboard-state": {
239+ //"numlock": true,
240+ "capslock": true,
241+ "format": {
242+ "numlock": "N {icon}",
243+ "capslock": "๓ฐช› {icon}",
244+ },
245+ "format-icons": {
246+ "locked": "๏€ฃ",
247+ "unlocked": "๏‚œ"
248+ },
249+},
250+
251+"memory": {
252+ "interval": 10,
253+ "format": "{used:0.1f}G ๓ฐพ†",
254+ "format-alt": "{percentage}% ๓ฐพ†",
255+ "format-alt-click": "click",
256+ "tooltip": true,
257+ "tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
258+ "on-click-right": "$HOME/.config/hypr/scripts/WaybarScripts.sh --btop"
259+},
260+
261+"mpris": {
262+ "interval": 10,
263+ "format": "{player_icon} ",
264+ "format-paused": "{status_icon} <i>{dynamic}</i>",
265+ "on-click-middle": "playerctl play-pause",
266+ "on-click": "playerctl previous",
267+ "on-click-right": "playerctl next",
268+ "scroll-step": 5.0,
269+ "on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --inc",
270+ "on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --dec",
271+ "smooth-scrolling-threshold": 1,
272+ "tooltip": true,
273+ "tooltip-format": "{status_icon} {dynamic}\nLeft Click: previous\nMid Click: Pause\nRight Click: Next",
274+ "player-icons": {
275+ "chromium": "๏‰จ",
276+ "default": "๏€",
277+ "firefox": "๏‰ฉ",
278+ "kdeconnect": "๏˜Ÿ",
279+ "mopidy": "๏€",
280+ "mpv": "๓ฐน",
281+ "spotify": "๏†ผ",
282+ "vlc": "๓ฐ•ผ",
283+ },
284+ "status-icons": {
285+ "paused": "๓ฐŽ",
286+ "playing": "๏‹",
287+ "stopped": "๏",
288+ },
289+ // "ignored-players": ["firefox"]
290+ "max-length": 30,
291+},
292+
293+"network": {
294+ "format": "{ifname}",
295+ "format-wifi": "{icon}",
296+ "format-ethernet": "๓ฐŒ˜",
297+ "format-disconnected": "๓ฐŒ™",
298+ "tooltip-format": "{ipaddr} ๏„น {bandwidthUpBits} ๏„บ {bandwidthDownBits}",
299+ "format-linked": "๓ฐˆ {ifname} (No IP)",
300+ "tooltip-format-wifi": "{essid} {icon} {signalStrength}%",
301+ "tooltip-format-ethernet": "{ifname} ๓ฐŒ˜",
302+ "tooltip-format-disconnected": "๓ฐŒ™ Disconnected",
303+ "max-length": 30,
304+ "format-icons": [
305+ "๓ฐคฏ", "๓ฐคŸ", "๓ฐคข", "๓ฐคฅ", "๓ฐคจ"
306+ ],
307+ "on-click-right": "$HOME/.config/hypr/scripts/WaybarScripts.sh --nmtui"
308+},
309+
310+"network#speed": {
311+ "interval": 1,
312+ "format": "{ifname}",
313+ "format-wifi": "{icon} ๏„น {bandwidthUpBytes} ๏„บ {bandwidthDownBytes}",
314+ "format-ethernet": "๓ฐŒ˜ ๏„น {bandwidthUpBytes} ๏„บ {bandwidthDownBytes}",
315+ "format-disconnected": "๓ฐŒ™",
316+ "tooltip-format": "{ipaddr}",
317+ "format-linked": "๓ฐˆ {ifname} (No IP)",
318+ "tooltip-format-wifi": "{essid} {icon} {signalStrength}%",
319+ "tooltip-format-ethernet": "{ifname} ๓ฐŒ˜",
320+ "tooltip-format-disconnected": "๓ฐŒ™ Disconnected",
321+ "min-length": 24,
322+ "max-length": 24,
323+ "format-icons": [
324+ "๓ฐคฏ", "๓ฐคŸ", "๓ฐคข", "๓ฐคฅ", "๓ฐคจ"
325+ ]
326+},
327+
328+"power-profiles-daemon": {
329+ "format": "{icon} ",
330+ "tooltip-format": "Power profile: {profile}\nDriver: {driver}",
331+ "tooltip": true,
332+ "format-icons": {
333+ "default": "๏ƒง",
334+ "performance": "๏ƒง",
335+ "balanced": "๏‰Ž",
336+ "power-saver": "๏ฌ"
337+ }
338+},
339+
340+"pulseaudio": {
341+ "format": "{icon} {volume}%",
342+ "format-bluetooth": "{icon} ๓ฐ‚ฐ {volume}%",
343+ "format-muted": "๓ฐ–",
344+ "format-icons": {
345+ "headphone": "๏€ฅ",
346+ "hands-free": "๏€ฅ",
347+ "headset": "๏–",
348+ "phone": "๏‚•",
349+ "portable": "๏‚•",
350+ "car": "๏†น",
351+ "default": [
352+ "๏€ฆ", "๏€ง", "๓ฐ•พ", "๏€จ"
353+ ],
354+ "ignored-sinks": [
355+ "Easy Effects Sink"
356+ ],
357+ },
358+ "scroll-step": 5.0,
359+ "on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle",
360+ "on-click-right": "pavucontrol -t 3",
361+ "on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --inc",
362+ "on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --dec",
363+ "tooltip-format": "{icon} {desc} | {volume}%",
364+ "smooth-scrolling-threshold": 1,
365+},
366+
367+"pulseaudio#1": {
368+ "format": "{icon} {volume}%",
369+ "format-bluetooth": "{icon}๏Š” {volume}%",
370+ "format-bluetooth-muted": "๏šฉ {icon}๏Š”",
371+ "format-muted": "๓ฐธˆ",
372+ "format-icons": {
373+ "headphone": "๏–",
374+ "hands-free": "๏€ฅ",
375+ "headset": "๏–",
376+ "phone": "๏‚•",
377+ "portable": "๏‚•",
378+ "car": "๏†น",
379+ "default": ["๏€ฆ", "๏€ง", "๏€จ"]
380+ },
381+ "on-click": "pamixer --toggle-mute",
382+ "on-click-right": "pavucontrol -t 3",
383+ "tooltip": true,
384+ "tooltip-format": "{icon} {desc} | {volume}%",
385+},
386+
387+"pulseaudio#microphone": {
388+ "format": "{format_source}",
389+ "format-source": "๏„ฐ {volume}%",
390+ "format-source-muted": "๏„ฑ",
391+ "on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle-mic",
392+ "on-click-right": "pavucontrol -t 4",
393+ "on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --mic-inc",
394+ "on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --mic-dec",
395+ "tooltip-format": "{source_desc} | {source_volume}%",
396+ "scroll-step": 5,
397+},
398+
399+"tray": {
400+ "icon-size": 20,
401+ "spacing": 4,
402+},
403+
404+"wireplumber": {
405+ "format": "{icon} {volume} %",
406+ "format-muted": "๏‘ฆ Mute",
407+ "on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle",
408+ "on-click-right": "pavucontrol -t 3",
409+ "on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --inc",
410+ "on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --dec",
411+ "format-icons": [
412+ "๏€ฆ", "๏€ง", "๓ฐ•พ", "๏€จ"
413+ ],
414+},
415+
416+"wlr/taskbar": {
417+ "format": "{icon} {name}",
418+ "icon-size": 16,
419+ "all-outputs": false,
420+ "tooltip-format": "{title}",
421+ "on-click": "activate",
422+ "on-click-middle": "close",
423+ "ignore-list": [
424+ "wofi",
425+ "rofi",
426+ "kitty",
427+ "kitty-dropterm"
428+ ],
429+},
430+}
+277-0ModulesCustom
@@ -0,0 +1,277 @@
1+//* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- *//
2+/* Waybar Modules - Custom Modules */
3+/* Basically created to reduce the lines in Waybar Modules bank */
4+/* NOTE: This is only for Custom Modules */
5+/* Custom Modules like weather browser, tty, file manager at the beginning */
6+
7+{
8+"custom/window-info": {
9+ "exec": "$HOME/.config/waybar/scripts/window-info.sh",
10+ "return-type": "json",
11+ "interval": 1,
12+ "tooltip": true,
13+ "max-length": 40,
14+},
15+
16+"custom/weather": {
17+ "format": "{}",
18+ "format-alt": "{alt}: {}",
19+ "format-alt-click": "click",
20+ "interval": 3600,
21+ "return-type": "json",
22+ "exec": "$HOME/.config/hypr/UserScripts/Weather.py",
23+ //"exec": "$HOME/.config/hypr/UserScripts/Weather.sh",
24+ //"exec-if": "ping wttr.in -c1",
25+ "tooltip": true,
26+},
27+
28+"custom/file_manager": {
29+ "format": "๏ƒ… ",
30+ "on-click": "xdg-open . &",
31+ "tooltip": true,
32+ "tooltip-format": "File Manager",
33+},
34+
35+"custom/tty": {
36+ "format": "๏„  ",
37+ "on-click": "$HOME/.config/hypr/scripts/WaybarScripts.sh --term",
38+ "tooltip": true,
39+ "tooltip-format": "Launch Terminal",
40+},
41+
42+"custom/browser": {
43+ "format": "๎™˜ ",
44+ "on-click": "xdg-open https://",
45+ "tooltip": true,
46+ "tooltip-format": "Launch Browser",
47+},
48+
49+"custom/settings": {
50+ "format": "๎ญ‘ ",
51+ "on-click": "$HOME/.config/hypr/scripts/Kool_Quick_Settings.sh",
52+ "tooltip": true,
53+ "tooltip-format": "Launch KooL Hyprland Settings Menu",
54+},
55+
56+"custom/cycle_wall": {
57+ "format": "๏€พ ",
58+ "on-click": "$HOME/.config/hypr/UserScripts/WallpaperSelect.sh",
59+ "on-click-right": "$HOME/.config/hypr/UserScripts/WallpaperRandom.sh",
60+ "on-click-middle": "$HOME/.config/hypr/scripts/WaybarStyles.sh",
61+ "tooltip": true,
62+ "tooltip-format": "Left Click: Wallpaper Menu\nMiddle Click: Random wallpaper\nRight Click: Waybar Styles Menu",
63+},
64+
65+"custom/hint": {
66+ "format": "๓ฐบ HINT!",
67+ "on-click": "$HOME/.config/hypr/scripts/KeyHints.sh",
68+ "on-click-right": "$HOME/.config/hypr/scripts/KeyBinds.sh",
69+ "tooltip": true,
70+ "tooltip-format": "Left Click: Quick Tips\nRight Click: Keybinds",
71+},
72+
73+"custom/dot_update": {
74+ "format": " ๓ฐˆ ",
75+ "on-click": "$HOME/.config/hypr/scripts/KooLsDotsUpdate.sh",
76+ "tooltip": true,
77+ "tooltip-format": "Check KooL Dots update\nIf available",
78+},
79+
80+// Hypridle inhibitor
81+"custom/hypridle": {
82+ "format": "๓ฑซ— ",
83+ "return-type": "json",
84+ "escape": true,
85+ "exec-on-event": true,
86+ "interval": 60,
87+ "exec": "$HOME/.config/hypr/scripts/Hypridle.sh status",
88+ "on-click": "$HOME/.config/hypr/scripts/Hypridle.sh toggle",
89+ "on-click-right": "hyprlock"
90+},
91+
92+"custom/keyboard": {
93+ "exec": "cat $HOME/.cache/kb_layout",
94+ "interval": 1,
95+ "format": "๏„œ {}",
96+ "on-click": "$HOME/.config/hypr/scripts/SwitchKeyboardLayout.sh",
97+},
98+
99+"custom/light_dark": {
100+ "format": "๓ฐ”Ž ",
101+ "on-click": "$HOME/.config/hypr/scripts/DarkLight.sh",
102+ "on-click-right": "$HOME/.config/hypr/scripts/WaybarStyles.sh",
103+ "on-click-middle": "$HOME/.config/hypr/UserScripts/WallpaperSelect.sh",
104+ "tooltip": true,
105+ "tooltip-format": "Left Click: Switch Dark-Light Themes\nMiddle Click: Wallpaper Menu\nRight Click: Waybar Styles Menu",
106+},
107+
108+"custom/lock": {
109+ "format": "๓ฐŒพ",
110+ "on-click": "$HOME/.config/hypr/scripts/LockScreen.sh",
111+ "tooltip": true,
112+ "tooltip-format": "๓ฐท› Screen Lock",
113+},
114+
115+"custom/menu": {
116+ "format": " ๏™ ",
117+ "on-click": "pkill rofi || rofi -show drun -modi run,drun,filebrowser,window",
118+ "on-click-middle": "$HOME/.config/hypr/UserScripts/WallpaperSelect.sh",
119+ "on-click-right": "$HOME/.config/hypr/scripts/WaybarLayout.sh",
120+ "tooltip": true,
121+ "tooltip-format": "Left Click: Rofi Menu\nMiddle Click: Wallpaper Menu\nRight Click: Waybar Layout Menu",
122+},
123+// This is a custom cava visualizer
124+"custom/cava_mviz": {
125+ "exec": "$HOME/.config/hypr/scripts/WaybarCava.sh",
126+ "format": "{}"
127+},
128+
129+"custom/playerctl": {
130+ "format": "<span>{}</span>",
131+ "return-type": "json",
132+ "max-length": 25,
133+ "exec": "playerctl -a metadata --format '{\"text\": \"{{artist}} {{markup_escape(title)}}\", \"tooltip\": \"{{playerName}} : {{markup_escape(title)}}\", \"alt\": \"{{status}}\", \"class\": \"{{status}}\"}' -F",
134+ "on-click-middle": "playerctl play-pause",
135+ "on-click": "playerctl previous",
136+ "on-click-right": "playerctl next",
137+ "scroll-step": 5.0,
138+ "on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --inc",
139+ "on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --dec",
140+ "smooth-scrolling-threshold": 1,
141+},
142+
143+"custom/power": {
144+ "format": " โป ",
145+ "on-click": "$HOME/.config/hypr/scripts/Wlogout.sh",
146+ "on-click-right": "$HOME/.config/hypr/scripts/ChangeBlur.sh",
147+ "tooltip": true,
148+ "tooltip-format": "Left Click: Logout Menu\nRight Click: Change Blur",
149+},
150+
151+"custom/reboot": {
152+ "format": "๓ฐœ‰",
153+ "on-click": "systemctl reboot",
154+ "tooltip": true,
155+ "tooltip-format": "Left Click: Reboot",
156+},
157+
158+"custom/quit": {
159+ "format": "๓ฐ—ผ",
160+ "on-click": "hyprctl dispatch exit",
161+ "tooltip": true,
162+ "tooltip-format": "Left Click: Exit Hyprland",
163+},
164+
165+"custom/swaync": {
166+ "tooltip": true,
167+ "tooltip-format": "Left Click: Launch Notification Center\nRight Click: Do not Disturb",
168+ "format": "{} {icon} ",
169+ "format-icons": {
170+ "notification": "๏‚ข<span foreground='red'><sup>๏‘„</sup></span>",
171+ "none": "๏‚ข",
172+ "dnd-notification": "๏‡ท<span foreground='red'><sup>๏‘„</sup></span>",
173+ "dnd-none": "๏‡ท",
174+ "inhibited-notification": "๏‚ข<span foreground='red'><sup>๏‘„</sup></span>",
175+ "inhibited-none": "๏‚ข",
176+ "dnd-inhibited-notification": "๏‡ท<span foreground='red'><sup>๏‘„</sup></span>",
177+ "dnd-inhibited-none": "๏‡ท"
178+ },
179+ "return-type": "json",
180+ "exec-if": "which swaync-client",
181+ "exec": "swaync-client -swb",
182+ "on-click": "sleep 0.1 && swaync-client -t -sw",
183+ "on-click-right": "swaync-client -d -sw",
184+ "escape": true,
185+},
186+// NOTE:! This is mainly for Arch and Arch Based Distros depend: pacman-contrib
187+// Other Distro dont have notifications but can use to check for update for any other distro
188+"custom/updater": {
189+ "format": "๏€™ {}",
190+ "exec": "checkupdates | wc -l",
191+ "exec-if": "[[ $(checkupdates | wc -l) ]]",
192+ "interval": 43200, // (Arch Linux will try to check 12 hrs interval only
193+ "on-click": "$HOME/.config/hypr/scripts/Distro_update.sh",
194+ "tooltip": true,
195+ "tooltip-format": "Left Click: Update System\nArch (w/ notification)\nFedora, OpenSuse, Debian/Ubuntu click to update",
196+},
197+// Separators
198+"custom/separator#dot": {
199+ "format": "๏‘„",
200+ "interval": "once",
201+ "tooltip": false
202+},
203+"custom/separator#dot-line": {
204+ "format": "๎˜ก",
205+ "interval": "once",
206+ "tooltip": false
207+},
208+"custom/separator#line": {
209+ "format": "|",
210+ "interval": "once",
211+ "tooltip": false
212+},
213+"custom/separator#blank": {
214+ "format": "",
215+ "interval": "once",
216+ "tooltip": false
217+},
218+"custom/separator#blank_2": {
219+ "format": " ",
220+ "interval": "once",
221+ "tooltip": false
222+},
223+"custom/separator#blank_3": {
224+ "format": " ",
225+ "interval": "once",
226+ "tooltip": false
227+},
228+"custom/arrow1": {
229+ "format": "๎‚ฒ",
230+ "tooltip": false
231+},
232+
233+"custom/arrow2": {
234+ "format": "๎‚ฒ",
235+ "tooltip": false
236+},
237+
238+"custom/arrow3": {
239+ "format": "๎‚ฒ",
240+ "tooltip": false
241+},
242+
243+"custom/arrow4": {
244+ "format": "๎‚ฒ",
245+ "tooltip": false
246+},
247+
248+"custom/arrow5": {
249+ "format": "๎‚ฒ",
250+ "tooltip": false
251+},
252+
253+"custom/arrow6": {
254+ "format": "๎‚ฒ",
255+ "tooltip": false
256+},
257+
258+"custom/arrow7": {
259+ "format": "๎‚ฒ",
260+ "tooltip": false
261+},
262+
263+"custom/arrow8": {
264+ "format": "๎‚ฒ",
265+ "tooltip": false
266+},
267+
268+"custom/arrow9": {
269+ "format": "๎‚ฒ",
270+ "tooltip": false
271+},
272+
273+"custom/arrow10": {
274+ "format": "๎‚ฐ",
275+ "tooltip": false
276+}
277+}
+139-0ModulesGroups
@@ -0,0 +1,139 @@
1+//* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- *//
2+/* Waybar Modules - Groups Modules */
3+/* Basically created to reduce the lines in Waybar Modules bank */
4+/* NOTE: This is only for Groups */
5+
6+{
7+// GROUPS
8+"group/app_drawer": {
9+ "orientation": "inherit",
10+ "drawer": {
11+ "transition-duration": 500,
12+ "children-class": "custom/menu",
13+ "transition-left-to-right": true
14+ },
15+ "modules": [
16+ "custom/menu",
17+ "custom/light_dark",
18+ "custom/file_manager",
19+ "custom/tty",
20+ "custom/browser",
21+ "custom/settings",
22+ ]
23+},
24+"group/motherboard": {
25+ "orientation": "horizontal",
26+ "modules": [
27+ "cpu",
28+ "power-profiles-daemon",
29+ "memory",
30+ "temperature",
31+ "disk",
32+ ]
33+},
34+
35+"group/mobo_drawer": {
36+ "orientation": "inherit",
37+ "drawer": {
38+ "transition-duration": 500,
39+ "children-class": "cpu",
40+ "transition-left-to-right": true
41+ },
42+ "modules": [
43+ "temperature",
44+ "cpu",
45+ "power-profiles-daemon",
46+ "memory",
47+ "disk",
48+ ]
49+},
50+"group/laptop": {
51+ "orientation": "inherit",
52+ "modules": [
53+ "backlight",
54+ "battery",
55+ ]
56+},
57+"group/audio": {
58+ "orientation": "inherit",
59+ "drawer": {
60+ "transition-duration": 500,
61+ "children-class": "pulseaudio",
62+ "transition-left-to-right": true
63+ },
64+ "modules": [
65+ "pulseaudio",
66+ "pulseaudio#microphone",
67+ ]
68+},
69+
70+"group/connections": {
71+ "orientation": "inherit",
72+ "drawer": {
73+ "transition-duration": 500,
74+ "children-class": "bluetooth",
75+ "transition-left-to-right": true
76+ },
77+ "modules": [
78+ "network",
79+ "bluetooth",
80+ ]
81+},
82+
83+"group/status": {
84+ "orientation": "inherit",
85+ "drawer": {
86+ "transition-duration": 500,
87+ "children-class": "custom/power",
88+ "transition-left-to-right": false
89+ },
90+ "modules": [
91+ "custom/power",
92+ "custom/lock",
93+ "keyboard-state",
94+ "custom/keyboard",
95+ ]
96+},
97+"group/notify": {
98+ "orientation": "inherit",
99+ "drawer": {
100+ "transition-duration": 500,
101+ "children-class": "custom/swaync",
102+ "transition-left-to-right": false
103+ },
104+ "modules": [
105+ "custom/swaync",
106+ "custom/dot_update",
107+ ]
108+},
109+
110+"group/power": {
111+ "orientation": "inherit",
112+ "drawer": {
113+ "transition-duration": 500,
114+ "children-class": "drawer-child",
115+ "transition-left-to-right": false
116+ },
117+ "modules": [
118+ "custom/power",
119+ "custom/quit",
120+ "custom/lock",
121+ "custom/reboot"
122+ ]
123+},
124+// groups for vertical
125+"group/power#vert": {
126+ "orientation": "inherit",
127+ "drawer": {
128+ "transition-duration": 300,
129+ "children-class": "not-memory",
130+ "transition-left-to-right": false
131+ },
132+ "modules": [
133+ "custom/power",
134+ "custom/lock",
135+ "custom/logout",
136+ "custom/reboot"
137+ ]
138+},
139+}
+122-0ModulesVertical
@@ -0,0 +1,122 @@
1+//* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- *//
2+/* Waybar Modules for vertical modules or vertical layout */
3+
4+/* NOTE: hyprland-workspaces, Custom Modules & Groups on a separate files */
5+
6+{
7+
8+"temperature#vertical": {
9+ "interval": 10,
10+ "tooltip": true,
11+ "hwmon-path": [
12+ "/sys/class/hwmon/hwmon1/temp1_input",
13+ "/sys/class/thermal/thermal_zone0/temp"
14+ ],
15+ //"thermal-zone": 0,
16+ "critical-threshold": 80,
17+ "format-critical": "{icon}\n{temperatureC}ยฐC",
18+ "format": " {icon}",
19+ "format-icons": [
20+ "๓ฐˆธ"
21+ ],
22+ "on-click-right": "$HOME/.config/hypr/scripts/WaybarScripts.sh --nvtop"
23+},
24+
25+"backlight#vertical": {
26+ "interval": 2,
27+ "rotate": 1,
28+ "format": "{icon}",
29+ //"format-icons": ["๓ฐƒž", "๓ฐƒŸ", "๓ฐƒ "],
30+ "format-icons": [
31+ "๎•", "๎–", "๎—", "๎˜", "๎™", "๎š", "๎›", "๎œ", "๎", "๎ž", "๎Ÿ", "๎ ", "๎ก", "๎ข", "๎ฃ"
32+ ],
33+ "on-click": "",
34+ "on-click-middle": "",
35+ "on-click-right": "",
36+ "on-update": "",
37+ "on-scroll-up": "$HOME/.config/hypr/scripts/Brightness.sh --inc",
38+ "on-scroll-down": "$HOME/.config/hypr/scripts/Brightness.sh --dec",
39+ "smooth-scrolling-threshold": 1,
40+ "tooltip-format": "backlight {percent}%",
41+},
42+
43+"clock#vertical": {
44+ "format": "๏€—\n{:%H\n%M\n%S\n\n๏ณ \n%d\n%m\n%y}",
45+ "interval": 1,
46+ //"format": "๏€—\n{:%I\n%M\n%p\n\n๏ณ \n%d\n%m\n%y}",
47+ "tooltip": true,
48+ "tooltip-format": "{calendar}",
49+ "calendar": {
50+ "mode": "year",
51+ "mode-mon-col": 3,
52+ "format": {
53+ "today": "<span color='#0dbc79'>{}</span>",
54+ }
55+ }
56+},
57+
58+"cpu#vertical": {
59+ "format": "๓ฐ›\n{usage}%",
60+ "interval": 1,
61+ "on-click-right": "gnome-system-monitor",
62+},
63+
64+"memory#vertical": {
65+ "interval": 10,
66+ "format": "๓ฐพ†\n{percentage}%",
67+ "format-alt": "๓ฐพ†\n{used:0.1f}G",
68+ "format-alt-click": "click",
69+ "tooltip": true,
70+ "tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
71+ "on-click-right": "$HOME/.config/hypr/scripts/WaybarScripts.sh --btop",
72+},
73+
74+"pulseaudio#vertical": {
75+ "format": "{icon}",
76+ "format-bluetooth": "๓ฐ‚ฐ",
77+ "format-muted": "๓ฐ–",
78+ "format-icons": {
79+ "headphone": "๏€ฅ",
80+ "hands-free": "๏€ฅ",
81+ "headset": "๏€ฅ",
82+ "phone": "๏‚•",
83+ "portable": "๏‚•",
84+ "car": "๏†น",
85+ "default": [
86+ "๏€ฆ", "๏€ง", "๓ฐ•พ", "๏€จ"
87+ ],
88+ "tooltip-format": "{icon} {desc} | {volume}%",
89+ "ignored-sinks": [
90+ "Easy Effects Sink"
91+ ],
92+ },
93+ "scroll-step": 5.0,
94+ "on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle",
95+ "on-click-right": "pavucontrol -t 3",
96+ "on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --inc",
97+ "on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --dec",
98+ "tooltip-format": "{icon} {desc} | {volume}%",
99+ "smooth-scrolling-threshold": 1,
100+},
101+
102+"pulseaudio#microphone_vertical": {
103+ "format": "{format_source}",
104+ "format-source": "๓ฐฌ",
105+ "format-source-muted": "๓ฐญ",
106+ "on-click-right": "pavucontrol",
107+ "on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle-mic",
108+ "on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --mic-inc",
109+ "on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --mic-dec",
110+ "max-volume": 100,
111+ "tooltip": true,
112+ "tooltip-format": "{source_desc} | {source_volume}%",
113+},
114+
115+"custom/power_vertical": {
116+ "format": "โป",
117+ "on-click": "$HOME/.config/hypr/scripts/Wlogout.sh",
118+ "on-click-right": "$HOME/.config/hypr/scripts/ChangeBlur.sh",
119+ "tooltip": true,
120+ "tooltip-format": "Left Click: Logout Menu\nRight Click: Change Blur",
121+},
122+}
+267-0ModulesWorkspaces
@@ -0,0 +1,267 @@
1+//* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- *//
2+/* Waybar Workspaces modules */
3+
4+/* Generally, this is a potential expanding of choices for hyprland/workspace */
5+// HYPRLAND WORKSPACES. CHOOSE as desired and place on waybar configs
6+
7+{
8+// CIRCLES Style
9+"hyprland/workspaces": {
10+ "active-only": false,
11+ "all-outputs": true,
12+ "format": "{icon}",
13+ "show-special": false,
14+ "on-click": "activate",
15+ "on-scroll-up": "hyprctl dispatch workspace e+1",
16+ "on-scroll-down": "hyprctl dispatch workspace e-1",
17+ "persistent-workspaces": {
18+ "*": 5
19+ },
20+ "format-icons": {
21+ "active": "๏†’",
22+ "default": "๏„Œ",
23+ },
24+},
25+// ROMAN Numerals style
26+"hyprland/workspaces#roman": {
27+ "active-only": false,
28+ "all-outputs": true,
29+ "format": "{icon}",
30+ "show-special": false,
31+ "on-click": "activate",
32+ "on-scroll-up": "hyprctl dispatch workspace e+1",
33+ "on-scroll-down": "hyprctl dispatch workspace e-1",
34+ "persistent-workspaces": {
35+ "*": 5
36+ },
37+ "format-icons": {
38+ "1": "I",
39+ "2": "II",
40+ "3": "III",
41+ "4": "IV",
42+ "5": "V",
43+ "6": "VI",
44+ "7": "VII",
45+ "8": "VIII",
46+ "9": "IX",
47+ "10": "X",
48+ },
49+},
50+// PACMAN Style
51+"hyprland/workspaces#pacman": {
52+ "active-only": false,
53+ "all-outputs": true,
54+ "format": "{icon}",
55+ "on-click": "activate",
56+ "on-scroll-up": "hyprctl dispatch workspace e+1",
57+ "on-scroll-down": "hyprctl dispatch workspace e-1",
58+ "show-special": false,
59+ "persistent-workspaces": {
60+ "*": 5
61+ },
62+ "format": "{icon}",
63+ "format-icons": {
64+ "active": "<span font='12'>๓ฐฎฏ</span>",
65+ "empty": "<span font='8'>๏„‘</span>",
66+ "default": "๓ฐŠ ",
67+ },
68+},
69+// Kanji / Japanese style
70+"hyprland/workspaces#kanji": {
71+ "disable-scroll": true,
72+ "show-special": false,
73+ "all-outputs": true,
74+ "format": "{icon}",
75+ "persistent-workspaces": {
76+ "*": 5
77+ },
78+ "format-icons": {
79+ "1": "ไธ€",
80+ "2": "ไบŒ",
81+ "3": "ไธ‰",
82+ "4": "ๅ››",
83+ "5": "ไบ”",
84+ "6": "ๅ…ญ",
85+ "7": "ไธƒ",
86+ "8": "ๅ…ซ",
87+ "9": "ไน",
88+ "10": "ๅ",
89+ }
90+},
91+// for Camilla or Spanish
92+"hyprland/workspaces#cam": {
93+ "active-only":false,
94+ "all-outputs": true,
95+ "format": "{icon}",
96+ "show-special": false,
97+ "on-click": "activate",
98+ "on-scroll-up": "hyprctl dispatch workspace e+1",
99+ "on-scroll-down": "hyprctl dispatch workspace e-1",
100+ "persistent-workspaces": {
101+ "*": 5
102+ },
103+ "format-icons": {
104+ "1": "Uno",
105+ "2": "Due",
106+ "3": "Tre",
107+ "4": "Quattro",
108+ "5": "Cinque",
109+ "6":"Sei",
110+ "7":"Sette",
111+ "8":"Otto",
112+ "9":"Nove",
113+ "10":"Dieci"
114+ }
115+ },
116+
117+// NUMBERS and ICONS style
118+"hyprland/workspaces#4": {
119+ "format": "{name}",
120+ "format": " {name} {icon} ",
121+ //"format": " {icon} ",
122+ "show-special": false,
123+ "on-click": "activate",
124+ "on-scroll-up": "hyprctl dispatch workspace e+1",
125+ "on-scroll-down": "hyprctl dispatch workspace e-1",
126+ "all-outputs": true,
127+ "sort-by-number": true,
128+ "format-icons": {
129+ "1": "๏„  ",
130+ "2": "๏‰ฉ ",
131+ "3": "๏ผ ",
132+ "4": "๏€ฐ ",
133+ "5": "๏†ถ ",
134+ "6": "๏ˆณ ",
135+ "7": "๏‡ฟ",
136+ "8": "๏‹† ",
137+ "9": "๏‹",
138+ "10": "10",
139+ "focused": "๏†’",
140+ "default": "๏„Œ",
141+ },
142+},
143+// numbers styles
144+"hyprland/workspaces#numbers": {
145+ "active-only": false,
146+ "all-outputs": true,
147+ "format": "{icon}",
148+ "show-special": false,
149+ "on-click": "activate",
150+ "on-scroll-up": "hyprctl dispatch workspace e+1",
151+ "on-scroll-down": "hyprctl dispatch workspace e-1",
152+ "persistent-workspaces": {
153+ "*": 5
154+ },
155+ "format-icons": {
156+ "1": "1",
157+ "2": "2",
158+ "3": "3",
159+ "4": "4",
160+ "5": "5",
161+ "6": "6",
162+ "7": "7",
163+ "8": "8",
164+ "9": "9",
165+ "10": "10",
166+ },
167+},
168+// NUMBERS and ICONS style with window rewrite
169+"hyprland/workspaces#rw": {
170+ "disable-scroll": true,
171+ "all-outputs": true,
172+ "warp-on-scroll": false,
173+ "sort-by-number": true,
174+ "show-special": false,
175+ "on-click": "activate",
176+ "on-scroll-up": "hyprctl dispatch workspace e+1",
177+ "on-scroll-down": "hyprctl dispatch workspace e-1",
178+ "persistent-workspaces": {
179+ "*": 5
180+ },
181+ "format": "{name} {windows}",
182+ "format-window-separator": " ",
183+ "window-rewrite-default": "๏™ ",
184+ "window-rewrite": {
185+ "title<.*amazon.*>": "๏‰ฐ ",
186+ "title<.*reddit.*>": "๏Ё ",
187+
188+ "class<firefox|org.mozilla.firefox|librewolf|floorp|mercury-browser|[Cc]achy-browser>": "๎… ",
189+ "class<zen>": "๓ฐฐท ",
190+ "class<waterfox|waterfox-bin>": "๎บ“ ",
191+ "class<microsoft-edge>": "๏Š‚ ",
192+ "class<Chromium|Thorium|[Cc]hrome>": "๏‰จ ",
193+ "class<brave-browser>": "๐Ÿฆ ",
194+ "class<tor browser>": "๏ฑ ",
195+ "class<firefox-developer-edition>": "๐ŸฆŠ ",
196+
197+ "class<kitty|konsole>": "๎ฏ† ",
198+ "class<kitty-dropterm>": "๏„  ",
199+ "class<com.mitchellh.ghostty>": " ๎ž•",
200+ "class<org.wezfurlong.wezterm>": " ๎ช…",
201+
202+ "class<[Tt]hunderbird|[Tt]hunderbird-esr>": "๏ฐ ",
203+ "class<eu.betterbird.Betterbird>": "๏ฐ ",
204+ "title<.*gmail.*>": "๓ฐŠซ ",
205+
206+ "class<[Tt]elegram-desktop|org.telegram.desktop|io.github.tdesktop_x64.TDesktop>": "๎ˆ— ",
207+ "class<discord|[Ww]ebcord|Vesktop>": "๏‡ฟ ",
208+ "title<.*whatsapp.*>": "๏ˆฒ ",
209+ "title<.*zapzap.*>": "๏ˆฒ ",
210+ "title<.*messenger.*>": "๏‰Ÿ ",
211+ "title<.*facebook.*>": "๏‚š ",
212+ "title<.*reddit.*>": "๏Ё ",
213+
214+
215+ "title<.*ChatGPT.*>": "๓ฐšฉ ",
216+ "title<.*deepseek.*>": "๓ฐšฉ ",
217+ "title<.*qwen.*>": "๓ฐšฉ ",
218+ "class<subl>": "๓ฐ…ณ ",
219+ "class<slack>": "๏†˜ ",
220+
221+ "class<mpv>": "๏ฎ ",
222+ "class<celluloid|Zoom>": "๏€ฝ ",
223+ "class<Cider>": "๓ฐކ ",
224+ "title<.*Picture-in-Picture.*>": "๏”ฌ ",
225+ "title<.*youtube.*>": "๏…ช ",
226+ "class<vlc>": "๓ฐ•ผ ",
227+ "title<.*cmus.*>": "๏€ ",
228+ "class<[Ss]potify>": "๏†ผ ",
229+
230+ "class<virt-manager>": "๎ญป ",
231+ "class<.virt-manager-wrapped>": "๎ญป ",
232+ "class<virtualbox manager>": "๐Ÿ’ฝ ",
233+ "title<virtualbox>": "๐Ÿ’ฝ ",
234+ "class<remmina>": "๐Ÿ–ฅ๏ธ ",
235+
236+ "class<VSCode|code-url-handler|code-oss|codium|codium-url-handler|VSCodium>": "๓ฐจž ",
237+ "class<dev.zed.Zed>": "๓ฐต",
238+ "class<codeblocks>": "๓ฐ…ฉ ",
239+ "title<.*github.*>": "๏„“ ",
240+ "class<mousepad>": "๏…œ ",
241+ "class<libreoffice-writer>": "๎šฅ ",
242+ "class<libreoffice-startcenter>": "๓ฐ† ",
243+ "class<libreoffice-calc>": "๏ป ",
244+ "title<.*nvim ~.*>": "๏ฏ ",
245+ "title<.*vim.*>": "๎Ÿ… ",
246+ "title<.*nvim.*>": "๎Ÿ… ",
247+ "title<.*figma.*>": "๎ฝ‡ ",
248+ "title<.*jira.*>": "๎œ ",
249+ "class<jetbrains-idea>": "๎žต ",
250+
251+ "class<obs|com.obsproject.Studio>": "๎ฎง ",
252+
253+ "class<polkit-gnome-authentication-agent-1>": "๓ฐ’ƒ ",
254+ "class<nwg-look>": "๎ญ’ ",
255+ "class<[Pp]avucontrol|org.pulseaudio.pavucontrol>": "๓ฑกซ ",
256+ "class<steam>": "๏†ถ ",
257+ "class<thunar|nemo>": "๓ฐฐ ",
258+ "class<Gparted>":"๏ƒ‡",
259+ "class<gimp>": "๏Œธ ",
260+ "class<emulator>": "๐Ÿ“ฑ ",
261+ "class<android-studio>": "๏…ป ",
262+ "class<org.pipewire.Helvum>": "๓ฐ“ƒ",
263+ "class<localsend>":"๏‡ ",
264+ "class<PrusaSlicer|UltiMaker-Cura|OrcaSlicer>": "๓ฐน›",
265+ }
266+ },
267+}
+32-0UserModules
@@ -0,0 +1,32 @@
1+//* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- *//
2+/* Waybar Modules Extras */
3+
4+/* This is where you can add Extra Modules you wish. copy.sh will try to restore*/
5+/* this file along with the unique configs and styles. */
6+/* IMPORTANT, be mindful with , or ". else waybar will not start */
7+
8+{
9+ "group/drawerless-audio": {
10+ "orientation": "inherit",
11+ "modules": [
12+ "pulseaudio",
13+ "pulseaudio#microphone",
14+ ]
15+ },
16+ "group/drawerless-status": {
17+ "orientation": "inherit",
18+ "modules": [
19+ "custom/power",
20+ ]
21+ },
22+ "group/drawerless-mobo_drawer": {
23+ "orientation": "inherit",
24+ "modules": [
25+ "temperature",
26+ "cpu",
27+ "power-profiles-daemon",
28+ "memory",
29+ "disk",
30+ ]
31+ },
32+}
+1-0config
@@ -0,0 +1 @@
1+/home/huncho/.config/waybar/configs/[TOP] Hygobar
+89-0configs/[BOT & Left] SouthWest
@@ -0,0 +1,89 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### BOTTOM and LEFT PANEL
4+
5+[{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+//"mode": "dock",
15+"exclusive": true,
16+"passthrough": false,
17+"position": "bottom",
18+"spacing": 2,
19+"fixed-center": true,
20+"ipc": true,
21+"margin-left": 6,
22+"margin-right": 6,
23+"margin-bottom": 2,
24+
25+"modules-left": [
26+ "custom/menu",
27+ "cpu",
28+ "temperature",
29+ "memory",
30+ "disk",
31+ ],
32+
33+"modules-center": [
34+ //"hyprland/window",
35+ "hyprland/workspaces#roman",
36+ ],
37+
38+"modules-right": [
39+ //"network",
40+ //"bluetooth",
41+ "custom/weather",
42+ "battery",
43+ "backlight",
44+ "pulseaudio",
45+ //"wireplumber",
46+ "pulseaudio#microphone",
47+ "keyboard-state",
48+ "custom/power",
49+ ],
50+},
51+
52+{
53+"include": [
54+ "$HOME/.config/waybar/Modules",
55+ "$HOME/.config/waybar/ModulesWorkspaces",
56+ "$HOME/.config/waybar/ModulesCustom",
57+ "$HOME/.config/waybar/ModulesGroups",
58+ "$HOME/.config/waybar/UserModules",
59+ "$HOME/.config/waybar/ModulesVertical",
60+ ],
61+"layer": "top",
62+"position": "left",
63+"height": 650,
64+"margin-top": 8,
65+"margin-bottom": 8,
66+"margin-left": 3,
67+//"margin-right": 3,
68+"spacing": 3,
69+"fixed-center": true,
70+"ipc": true,
71+//"gtk-layer-shell": true,
72+
73+"modules-left": [
74+ "custom/lock",
75+ "idle_inhibitor",
76+ ],
77+
78+"modules-center": [
79+ "clock#vertical"
80+ ],
81+
82+"modules-right": [
83+ "mpris",
84+ "group/notify",
85+ "tray",
86+ "custom/light_dark",
87+ ],
88+
89+}]
+89-0configs/[BOT & Right] SouthEast
@@ -0,0 +1,89 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### BOTTOM and RIGHT PANEL
4+
5+[{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+//"mode": "dock",
15+"exclusive": true,
16+"passthrough": false,
17+"position": "bottom",
18+"spacing": 2,
19+"fixed-center": true,
20+"ipc": true,
21+"margin-left": 6,
22+"margin-right": 6,
23+"margin-bottom": 2,
24+
25+"modules-left": [
26+ "custom/menu",
27+ "cpu",
28+ "temperature",
29+ "memory",
30+ "disk",
31+ ],
32+
33+"modules-center": [
34+ //"hyprland/window",
35+ "hyprland/workspaces#roman",
36+ ],
37+
38+"modules-right": [
39+ //"network",
40+ //"bluetooth",
41+ "custom/weather",
42+ "battery",
43+ "backlight",
44+ "pulseaudio",
45+ //"wireplumber",
46+ "pulseaudio#microphone",
47+ "keyboard-state",
48+ "custom/power",
49+ ],
50+},
51+
52+{
53+"include": [
54+ "$HOME/.config/waybar/Modules",
55+ "$HOME/.config/waybar/ModulesWorkspaces",
56+ "$HOME/.config/waybar/ModulesCustom",
57+ "$HOME/.config/waybar/ModulesGroups",
58+ "$HOME/.config/waybar/UserModules",
59+ "$HOME/.config/waybar/ModulesVertical",
60+ ],
61+"layer": "top",
62+"position": "right",
63+"height": 650,
64+"margin-top": 8,
65+"margin-bottom": 8,
66+//"margin-left": 3,
67+"margin-right": 3,
68+"spacing": 3,
69+"fixed-center": true,
70+"ipc": true,
71+//"gtk-layer-shell": true,
72+
73+"modules-left": [
74+ "custom/lock",
75+ "idle_inhibitor",
76+ ],
77+
78+"modules-center": [
79+ "clock#vertical",
80+ ],
81+
82+"modules-right": [
83+ "mpris",
84+ "group/notify",
85+ "tray",
86+ "custom/light_dark",
87+ ],
88+
89+}]
+74-0configs/[BOT] Camellia
@@ -0,0 +1,74 @@
1+//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+//* ............................................*/
3+//* .............CAMELLIA.......................*/
4+//* ............................................*/
5+//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
6+
7+{
8+
9+"include": [
10+ "$HOME/.config/waybar/Modules",
11+ "$HOME/.config/waybar/ModulesWorkspaces",
12+ "$HOME/.config/waybar/ModulesCustom",
13+ "$HOME/.config/waybar/ModulesGroups",
14+ "$HOME/.config/waybar/UserModules",
15+ ],
16+"layer": "top",
17+//"mode": "dock",
18+"exclusive": true,
19+"passthrough": false,
20+"position": "bottom",
21+"spacing": 4,
22+"fixed-center": true,
23+"ipc": true,
24+//"margin-top": 0,
25+//"margin-bottom": 0,
26+//"margin-left": 0,
27+//"margin-right": 0,
28+
29+"modules-left": [
30+ "hyprland/workspaces#cam",
31+ "custom/separator#line",
32+ "mpris",
33+ "group/notify",
34+ "tray",
35+ "wlr/taskbar"],
36+
37+"modules-center": ["hyprland/window"],
38+
39+"modules-right": [
40+ "custom/backlight",
41+ "backlight/slider",
42+ "custom/speaker",
43+ "pulseaudio/slider",
44+ "battery",
45+ "clock#3",
46+ "network"],
47+
48+// Additional modules //
49+"pulseaudio/slider": {
50+ "min": 0,
51+ "max": 100,
52+ "orientation": "horizontal"
53+
54+},
55+
56+"custom/speaker": {
57+ "exec": "echo '๐Ÿ”Š'",
58+ "interval": 1,
59+ "format": "{}"
60+},
61+
62+"backlight/slider": {
63+ "min": 0,
64+ "max": 100,
65+ "orientation": "horizontal",
66+ "device": "intel_backlight"
67+},
68+
69+"custom/backlight": {
70+ "exec": "echo 'โœจ'",
71+ "interval": 1,
72+ "format": "{}"
73+},
74+}
+41-0configs/[BOT] Chrysanthemum
@@ -0,0 +1,41 @@
1+//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+//* ............................................*/
3+//* .............CHRYSANTHEMUM.......................*/
4+//* ............................................*/
5+//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
6+
7+{
8+"include": [
9+ "$HOME/.config/waybar/Modules",
10+ "$HOME/.config/waybar/ModulesWorkspaces",
11+ "$HOME/.config/waybar/ModulesCustom",
12+ "$HOME/.config/waybar/ModulesGroups",
13+ "$HOME/.config/waybar/UserModules",
14+ ],
15+"layer": "top",
16+//"mode": "dock",
17+"exclusive": true,
18+"passthrough": false,
19+"position": "bottom",
20+"spacing": 5,
21+"fixed-center": true,
22+"ipc": true,
23+"margin-left": 5,
24+"margin-right": 5,
25+"margin-top": 0,
26+
27+"modules-left": [
28+ "clock#5",
29+ "mpris",
30+ "tray",
31+ "group/notify"
32+ ],
33+
34+"modules-center": ["hyprland/workspaces"],
35+
36+"modules-right": [
37+ "pulseaudio#1",
38+ "backlight#2",
39+ "battery"],
40+
41+}
+57-0configs/[BOT] Default
@@ -0,0 +1,57 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### DEFAULT - Bottom ### //
4+{
5+ "include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+ "layer": "top",
13+ //"mode": "dock",
14+ "exclusive": true,
15+ "passthrough": false,
16+ "position": "bottom",
17+ "spacing": 3,
18+ "fixed-center": true,
19+ "ipc": true,
20+ "margin-top": 3,
21+ "margin-left": 8,
22+ "margin-right": 8,
23+
24+ "modules-left": [
25+ "custom/separator#blank",
26+ "custom/cava_mviz",
27+ "custom/separator#blank",
28+ "custom/playerctl",
29+ "custom/separator#blank_2",
30+ "hyprland/window",
31+ ],
32+
33+ "modules-center": [
34+ "group/app_drawer",
35+ "custom/separator#blank",
36+ "group/notify",
37+ "custom/separator#dot-line",
38+ "hyprland/workspaces#rw",
39+ "clock",
40+ "custom/separator#dot-line",
41+ "custom/weather",
42+ "custom/separator#dot-line",
43+ "idle_inhibitor",
44+ "custom/hint",
45+ ],
46+
47+ "modules-right": [
48+ "tray",
49+ "network#speed",
50+ "custom/separator#dot-line",
51+ "group/mobo_drawer",
52+ "custom/separator#line",
53+ "group/audio",
54+ "custom/separator#dot-line",
55+ "group/status",
56+ ],
57+ }
+43-0configs/[BOT] Gardenia
@@ -0,0 +1,43 @@
1+//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+//* ............................................*/
3+//* .............GARDENIA.......................*/
4+//* ............................................*/
5+//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
6+
7+{
8+
9+"include": [
10+ "$HOME/.config/waybar/Modules",
11+ "$HOME/.config/waybar/ModulesWorkspaces",
12+ "$HOME/.config/waybar/ModulesCustom",
13+ "$HOME/.config/waybar/ModulesGroups",
14+ "$HOME/.config/waybar/UserModules",
15+ ],
16+"layer": "top",
17+//"mode": "dock",
18+"exclusive": true,
19+"passthrough": false,
20+"position": "bottom",
21+"spacing": 5,
22+"fixed-center": false,
23+"ipc": true,
24+"margin-top": 5,
25+//"margin-bottom": 5,
26+"width": 1000,
27+
28+"modules-left": [
29+ "clock#5",
30+ "mpris",
31+ "tray",
32+ "group/notify"
33+ ],
34+
35+"modules-center": ["hyprland/workspaces#kanji"],
36+
37+"modules-right": [
38+ "pulseaudio#1",
39+ "backlight#2",
40+ "battery"
41+ ],
42+
43+}
+48-0configs/[BOT] Peony
@@ -0,0 +1,48 @@
1+//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+//* ............................................*/
3+//* ................PEONY.......................*/
4+//* ............................................*/
5+//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
6+
7+{
8+
9+"include": [
10+ "$HOME/.config/waybar/Modules",
11+ "$HOME/.config/waybar/ModulesWorkspaces",
12+ "$HOME/.config/waybar/ModulesCustom",
13+ "$HOME/.config/waybar/ModulesGroups",
14+ "$HOME/.config/waybar/UserModules",
15+ ],
16+"layer": "top",
17+//"mode": "dock",
18+"exclusive": true,
19+"passthrough": false,
20+"position": "bottom",
21+"spacing": 4,
22+"fixed-center": true,
23+"ipc": true,
24+"margin-top": 5,
25+//"margin-bottom": 5,
26+"width": 1444,
27+
28+"modules-left": [
29+ "hyprland/workspaces#roman",
30+ "mpris",
31+ "group/notify",
32+ "tray"
33+ ],
34+
35+"modules-center": ["clock#4"],
36+
37+"modules-right": [
38+ "battery",
39+ "custom/separator#blank",
40+ "backlight",
41+ "custom/separator#blank",
42+ "pulseaudio",
43+ "custom/separator#blank",
44+ "temperature",
45+ "custom/separator#blank",
46+ "network"],
47+
48+}
+42-0configs/[BOT] Simple
@@ -0,0 +1,42 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+// ### TOP Simple ## //
3+
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+"position": "bottom",
14+//"mode": "dock",
15+"exclusive": true,
16+"passthrough": false,
17+"gtk-layer-shell": true,
18+"margin-left": 6,
19+"margin-right": 6,
20+"margin-top": 2,
21+
22+"modules-left": [
23+ "idle_inhibitor",
24+ "group/mobo_drawer",
25+ "hyprland/workspaces#rw",
26+ "tray",
27+ "mpris",
28+ ],
29+
30+"modules-center": [
31+ "clock#2",
32+ "group/notify",
33+ ],
34+
35+"modules-right": [
36+ "hyprland/window",
37+ "battery",
38+ "group/audio",
39+ "custom/power",
40+ ],
41+}
42+
+45-0configs/[BOT] Sleek
@@ -0,0 +1,45 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// Sleek
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+"position": "bottom",
15+"height": 14,
16+"margin-left": 10,
17+"margin-right": 10,
18+"margin-bottom": 2,
19+
20+"modules-left": [
21+ "custom/menu",
22+ "custom/separator#blank_2",
23+ "hyprland/workspaces",
24+ "custom/separator#blank_2",
25+ "mpris",
26+ "tray"
27+],
28+
29+"modules-center": [
30+ "idle_inhibitor",
31+ "custom/separator#blank",
32+ "clock",
33+ "custom/separator#blank",
34+ "group/notify"
35+],
36+
37+"modules-right": [
38+ "hyprland/window",
39+ "custom/separator#blank_2",
40+ "pulseaudio",
41+ "custom/separator#blank",
42+ "custom/power",
43+ ],
44+
45+}
+45-0configs/[LEFT] WestWing
@@ -0,0 +1,45 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### LEFT PANEL ### //
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ "$HOME/.config/waybar/ModulesVertical",
13+ ],
14+"layer": "top",
15+"position": "left",
16+"margin-top": 8,
17+"margin-bottom": 8,
18+"margin-left": 3,
19+//"margin-right": 3,
20+"spacing": 3,
21+"fixed-center": true,
22+"ipc": true,
23+//"gtk-layer-shell": true,
24+
25+"modules-left": [
26+ "clock#vertical",
27+ "custom/light_dark",
28+],
29+
30+"modules-center": [
31+ "idle_inhibitor",
32+ "hyprland/workspaces",
33+],
34+
35+"modules-right": [
36+ "mpris",
37+ "tray",
38+ "group/notify",
39+ "backlight#vertical",
40+ "pulseaudio#microphone_vertical",
41+ "pulseaudio#vertical",
42+ "custom/power_vertical",
43+ "custom/menu",
44+],
45+}
+63-0configs/[LEFT] WestWing v2
@@ -0,0 +1,63 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### LEFT PANEL v2 ### //
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ "$HOME/.config/waybar/ModulesVertical",
13+ ],
14+"layer": "top",
15+"position": "left",
16+"margin-top": 8,
17+"margin-bottom": 8,
18+"margin-left": 3,
19+//"margin-right": 3,
20+"spacing": 3,
21+"fixed-center": true,
22+"ipc": true,
23+//"gtk-layer-shell": true,
24+
25+"modules-left": [
26+ "group/notify",
27+ "clock#vertical",
28+
29+ "custom/menu",
30+],
31+
32+"modules-center": [
33+ "idle_inhibitor",
34+ "hyprland/workspaces#numbers",
35+],
36+
37+"modules-right": [
38+ "mpris",
39+ "tray",
40+ "backlight#vertical",
41+ "pulseaudio/slider",
42+ "pulseaudio#microphone_vertical",
43+ "group/power#vert",
44+],
45+
46+
47+// Additional modules //
48+"pulseaudio/slider": {
49+ "min": 0,
50+ "max": 100,
51+ "orientation": "vertical",
52+ "tooltip": "true",
53+ "tooltip-format": "{icon} {desc} | {volume}%",
54+
55+},
56+"backlight/slider": {
57+ "min": 0,
58+ "max": 100,
59+ "orientation": "vertical",
60+ "device": "intel_backlight"
61+},
62+
63+}
+45-0configs/[RIGHT] EastWing
@@ -0,0 +1,45 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### RIGHT PANEL ### //
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ "$HOME/.config/waybar/ModulesVertical",
13+ ],
14+"layer": "top",
15+"position": "right",
16+"margin-top": 8,
17+"margin-bottom": 8,
18+//"margin-left": 3,
19+"margin-right": 3,
20+"spacing": 3,
21+"fixed-center": true,
22+"ipc": true,
23+//"gtk-layer-shell": true,
24+
25+"modules-left": [
26+ "clock#vertical",
27+ "custom/light_dark",
28+],
29+
30+"modules-center": [
31+ "idle_inhibitor",
32+ "hyprland/workspaces",
33+],
34+
35+"modules-right": [
36+ "mpris",
37+ "tray",
38+ "group/notify",
39+ "backlight#vertical",
40+ "pulseaudio#microphone_vertical",
41+ "pulseaudio#vertical",
42+ "custom/power_vertical",
43+ "custom/menu",
44+],
45+}
+63-0configs/[RIGHT] EastWing v2
@@ -0,0 +1,63 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### RIGHTPANEL v2 ### //
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ "$HOME/.config/waybar/ModulesVertical",
13+ ],
14+"layer": "top",
15+"position": "right",
16+"margin-top": 8,
17+"margin-bottom": 8,
18+//"margin-left": 3,
19+"margin-right": 3,
20+"spacing": 3,
21+"fixed-center": true,
22+"ipc": true,
23+//"gtk-layer-shell": true,
24+
25+"modules-left": [
26+ "group/notify",
27+ "clock#vertical",
28+
29+ "custom/menu",
30+],
31+
32+"modules-center": [
33+ "idle_inhibitor",
34+ "hyprland/workspaces#numbers",
35+],
36+
37+"modules-right": [
38+ "mpris",
39+ "tray",
40+ "backlight#vertical",
41+ "pulseaudio/slider",
42+ "pulseaudio#microphone_vertical",
43+ "group/power#vert",
44+],
45+
46+
47+// Additional modules //
48+"pulseaudio/slider": {
49+ "min": 0,
50+ "max": 100,
51+ "orientation": "vertical",
52+ "tooltip": "true",
53+ "tooltip-format": "{icon} {desc} | {volume}%",
54+
55+},
56+"backlight/slider": {
57+ "min": 0,
58+ "max": 100,
59+ "orientation": "vertical",
60+ "device": "intel_backlight"
61+},
62+
63+}
+92-0configs/[TOP & BOT] SummitSplit
@@ -0,0 +1,92 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### DUAL TOP and BOTTOM ### //
4+
5+[{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+//"mode": "dock",
15+"exclusive": true,
16+"passthrough": false,
17+"position": "top",
18+"spacing": 3,
19+"fixed-center": true,
20+"ipc": true,
21+"margin-top": 1,
22+"margin-left": 8,
23+"margin-right": 8,
24+
25+"modules-left": [
26+ "cpu",
27+ "temperature",
28+ "memory",
29+ "disk",
30+ ],
31+
32+"modules-center": [
33+ "idle_inhibitor",
34+ "clock",
35+ "custom/light_dark",
36+ ],
37+
38+"modules-right": [
39+ "custom/weather",
40+ "battery",
41+ "backlight",
42+ "bluetooth",
43+ "network",
44+ "custom/updater",
45+ "custom/cycle_wall",
46+ "custom/lock",
47+ ],
48+},
49+
50+{
51+"include": [
52+ "$HOME/.config/waybar/Modules",
53+ "$HOME/.config/waybar/ModulesWorkspaces",
54+ "$HOME/.config/waybar/ModulesCustom",
55+ "$HOME/.config/waybar/ModulesGroups",
56+ "$HOME/.config/waybar/UserModules",
57+ ],
58+"layer": "top",
59+//"mode": "dock",
60+"exclusive": true,
61+"passthrough": false,
62+"position": "bottom",
63+"spacing": 5,
64+"fixed-center": true,
65+"ipc": true,
66+"height": 0,
67+"margin-left": 8,
68+"margin-right": 8,
69+//"gtk-layer-shell": true,
70+//"margin-bottom": 0,
71+
72+"modules-left": [
73+ "custom/menu",
74+ "wlr/taskbar",
75+ ],
76+
77+"modules-center": [
78+ "hyprland/workspaces#rw",
79+ ],
80+
81+"modules-right": [
82+ "hyprland/window",
83+ "tray",
84+ "group/notify",
85+ "mpris",
86+ "keyboard-state",
87+ "pulseaudio",
88+ //"wireplumber",
89+ "pulseaudio#microphone",
90+ "custom/power",
91+ ],
92+}],
+64-0configs/[TOP & BOT] SummitSplit v2
@@ -0,0 +1,64 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+/* ### DUAL TOP and BOTTOM v 2### */
4+
5+[
6+ {
7+ "include": [
8+ "$HOME/.config/waybar/Modules",
9+ "$HOME/.config/waybar/ModulesWorkspaces",
10+ "$HOME/.config/waybar/ModulesCustom",
11+ "$HOME/.config/waybar/ModulesGroups",
12+ "$HOME/.config/waybar/UserModules",
13+ ],
14+ "name": "topbar",
15+ "layer": "top",
16+ "position": "top",
17+ //"mode": "dock",
18+ "exclusive": true,
19+ "spacing": 2,
20+ "passthrough": false,
21+ "gtk-layer-shell": true,
22+ "reload_style_on_change": true,
23+ "modules-left": [
24+ "group/app_drawer",
25+ "keyboard-state",
26+ "clock",
27+ "bluetooth",
28+ "network",
29+ ],
30+ "modules-center": ["hyprland/window"],
31+ "modules-right": [
32+ "mpris",
33+ "battery",
34+ "backlight",
35+ "pulseaudio",
36+ "group/mobo_drawer",
37+ "idle_inhibitor",
38+ "group/power"
39+ ],
40+
41+},
42+ {
43+ "include": [
44+ "$HOME/.config/waybar/Modules",
45+ "$HOME/.config/waybar/ModulesWorkspaces",
46+ "$HOME/.config/waybar/ModulesCustom",
47+ "$HOME/.config/waybar/ModulesGroups",
48+ "$HOME/.config/waybar/UserModules",
49+ ],
50+ "name": "bottombar",
51+ "layer": "top",
52+ "position": "bottom",
53+ "height": 30,
54+ "mode": "dock",
55+ "exclusive": true,
56+ "spacing": 2,
57+ "passthrough": false,
58+ "gtk-layer-shell": true,
59+ "reload_style_on_change": true,
60+ "modules-left": ["hyprland/workspaces#rw"],
61+ "modules-center": ["wlr/taskbar"],
62+ "modules-right": ["tray", "custom/updater", "group/notify"],
63+ }
64+]
+85-0configs/[TOP & Left] NorthWest
@@ -0,0 +1,85 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### TOP and LEFT PANEL ## //
4+
5+[{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+//"mode": "dock",
15+"width": 1200,
16+"exclusive": true,
17+"passthrough": false,
18+"position": "top",
19+"spacing": 3,
20+"fixed-center": true,
21+"ipc": true,
22+"margin-top": 2,
23+"margin-left": 8,
24+"margin-right": 8,
25+
26+"modules-left": [
27+ "custom/menu",
28+ "custom/separator#blank_2",
29+ "group/motherboard",
30+ ],
31+
32+"modules-center": [
33+ //"hyprland/window",
34+ "hyprland/workspaces#pacman",
35+ ],
36+
37+"modules-right": [
38+ "network",
39+ "bluetooth",
40+ "custom/weather",
41+ "custom/separator#blank_2",
42+ "group/audio",
43+ "custom/separator#blank_2",
44+ "keyboard-state",
45+ "custom/power",
46+ ],
47+},
48+
49+{
50+"include": [
51+ "$HOME/.config/waybar/Modules",
52+ "$HOME/.config/waybar/ModulesWorkspaces",
53+ "$HOME/.config/waybar/ModulesCustom",
54+ "$HOME/.config/waybar/ModulesGroups",
55+ "$HOME/.config/waybar/UserModules",
56+ "$HOME/.config/waybar/ModulesVertical",
57+ ],
58+"layer": "top",
59+"position": "left",
60+"height": 650,
61+"margin-top": 8,
62+"margin-bottom": 8,
63+"margin-left": 3,
64+"spacing": 3,
65+"fixed-center": true,
66+"ipc": true,
67+//"gtk-layer-shell": true,
68+
69+"modules-left": [
70+ "custom/lock",
71+ "idle_inhibitor",
72+ ],
73+
74+"modules-center": [
75+ "clock#vertical",
76+ ],
77+
78+"modules-right": [
79+ "mpris",
80+ "group/notify",
81+ "tray",
82+ "custom/light_dark",
83+ ],
84+
85+}]
+86-0configs/[TOP & Right] NorthEast
@@ -0,0 +1,86 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### TOP and Right PANEL ## //
4+
5+[{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+//"mode": "dock",
15+"width": 1200,
16+"exclusive": true,
17+"passthrough": false,
18+"position": "top",
19+"spacing": 3,
20+"fixed-center": true,
21+"ipc": true,
22+"margin-top": 2,
23+"margin-left": 8,
24+"margin-right": 8,
25+
26+"modules-left": [
27+ "custom/menu",
28+ "custom/separator#blank_2",
29+ "group/motherboard",
30+ ],
31+
32+"modules-center": [
33+ //"hyprland/window",
34+ "hyprland/workspaces#pacman",
35+ ],
36+
37+"modules-right": [
38+ "network",
39+ "bluetooth",
40+ "custom/weather",
41+ "custom/separator#blank_2",
42+ "group/audio",
43+ "custom/separator#blank_2",
44+ "keyboard-state",
45+ "custom/power",
46+ ],
47+},
48+
49+{
50+"include": [
51+ "$HOME/.config/waybar/Modules",
52+ "$HOME/.config/waybar/ModulesWorkspaces",
53+ "$HOME/.config/waybar/ModulesCustom",
54+ "$HOME/.config/waybar/ModulesGroups",
55+ "$HOME/.config/waybar/UserModules",
56+ "$HOME/.config/waybar/ModulesVertical",
57+ ],
58+"layer": "top",
59+"position": "right",
60+"height": 650,
61+"margin-top": 8,
62+"margin-bottom": 8,
63+//"margin-left": 3,
64+"margin-right": 3,
65+"spacing": 3,
66+"fixed-center": true,
67+"ipc": true,
68+//"gtk-layer-shell": true,
69+
70+"modules-left": [
71+ "custom/lock",
72+ "idle_inhibitor",
73+ ],
74+
75+"modules-center": [
76+ "clock#vertical",
77+ ],
78+
79+"modules-right": [
80+ "mpris",
81+ "group/notify",
82+ "tray",
83+ "custom/light_dark",
84+ ],
85+
86+}]
+53-0configs/[TOP] 0-Ja-0
@@ -0,0 +1,53 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+/* My Mostly Used waybar config incase you wonder :) */
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+//"mode": "dock",
14+"exclusive": true,
15+"passthrough": false,
16+"position": "top",
17+"spacing": 3,
18+"fixed-center": true,
19+"ipc": true,
20+"margin-top": 3,
21+"margin-left": 8,
22+"margin-right": 8,
23+
24+"modules-left": [
25+ "idle_inhibitor",
26+ "custom/separator#blank",
27+ "tray",
28+ "custom/separator#blank",
29+ "clock",
30+ "custom/separator#blank_2",
31+ "hyprland/window",
32+ ],
33+
34+"modules-center": [
35+ "group/app_drawer",
36+ "custom/separator#dot-line",
37+ "hyprland/workspaces#rw",
38+ "custom/separator#dot-line",
39+ "group/notify",
40+ ],
41+
42+"modules-right": [
43+ "group/laptop",
44+ "custom/separator#blank",
45+ "group/mobo_drawer",
46+ "custom/separator#line",
47+ "group/audio",
48+ "custom/separator#dot-line",
49+ "mpris",
50+ "custom/separator#blank",
51+ "group/status",
52+ ],
53+}
+43-0configs/[TOP] Arrow
@@ -0,0 +1,43 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* .....[TOP] Arrow Best to combine with [Extra] Arrow Style ......... */
3+/* --- ๐Ÿ‘ taken from https://github.com/mxkrsv ๐Ÿ‘ --- */
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+
14+ "layer": "top",
15+ "position": "top",
16+
17+ "modules-left": [
18+ "hyprland/mode",
19+ "hyprland/workspaces",
20+ "custom/arrow10",
21+ "hyprland/window"
22+ ],
23+
24+ "modules-right": [
25+ "custom/arrow9",
26+ "pulseaudio",
27+ "custom/arrow8",
28+ "network",
29+ "custom/arrow7",
30+ "memory",
31+ "custom/arrow6",
32+ "cpu",
33+ "custom/arrow5",
34+ "temperature",
35+ "custom/arrow4",
36+ "battery",
37+ "custom/arrow2",
38+ "tray",
39+ "custom/arrow1",
40+ "clock#2"
41+ ],
42+}
43+
+74-0configs/[TOP] Camellia
@@ -0,0 +1,74 @@
1+//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+//* ............................................*/
3+//* .............CAMELLIA.......................*/
4+//* ............................................*/
5+//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
6+
7+{
8+
9+"include": [
10+ "$HOME/.config/waybar/Modules",
11+ "$HOME/.config/waybar/ModulesWorkspaces",
12+ "$HOME/.config/waybar/ModulesCustom",
13+ "$HOME/.config/waybar/ModulesGroups",
14+ "$HOME/.config/waybar/UserModules",
15+ ],
16+"layer": "top",
17+//"mode": "dock",
18+"exclusive": true,
19+"passthrough": false,
20+"position": "top",
21+"spacing": 4,
22+"fixed-center": true,
23+"ipc": true,
24+//"margin-top": 0,
25+//"margin-bottom": 0,
26+//"margin-left": 0,
27+//"margin-right": 0,
28+
29+"modules-left": [
30+ "hyprland/workspaces#cam",
31+ "custom/separator#line",
32+ "mpris",
33+ "group/notify",
34+ "tray",
35+ "wlr/taskbar"],
36+
37+"modules-center": ["hyprland/window"],
38+
39+"modules-right": [
40+ "custom/backlight",
41+ "backlight/slider",
42+ "custom/speaker",
43+ "pulseaudio/slider",
44+ "battery",
45+ "clock#3",
46+ "network"],
47+
48+// Additional modules //
49+"pulseaudio/slider": {
50+ "min": 0,
51+ "max": 100,
52+ "orientation": "horizontal"
53+
54+},
55+
56+"custom/speaker": {
57+ "exec": "echo '๐Ÿ”Š'",
58+ "interval": 1,
59+ "format": "{}"
60+},
61+
62+"backlight/slider": {
63+ "min": 0,
64+ "max": 100,
65+ "orientation": "horizontal",
66+ "device": "intel_backlight"
67+},
68+
69+"custom/backlight": {
70+ "exec": "echo 'โœจ'",
71+ "interval": 1,
72+ "format": "{}"
73+},
74+}
+41-0configs/[TOP] Chrysanthemum
@@ -0,0 +1,41 @@
1+//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+//* ............................................*/
3+//* .............CHRYSANTHEMUM.......................*/
4+//* ............................................*/
5+//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
6+
7+{
8+"include": [
9+ "$HOME/.config/waybar/Modules",
10+ "$HOME/.config/waybar/ModulesWorkspaces",
11+ "$HOME/.config/waybar/ModulesCustom",
12+ "$HOME/.config/waybar/ModulesGroups",
13+ "$HOME/.config/waybar/UserModules",
14+ ],
15+"layer": "top",
16+//"mode": "dock",
17+"exclusive": true,
18+"passthrough": false,
19+"position": "top",
20+"spacing": 5,
21+"fixed-center": true,
22+"ipc": true,
23+"margin-left": 5,
24+"margin-right": 5,
25+"margin-top": 0,
26+
27+"modules-left": [
28+ "clock#5",
29+ "mpris",
30+ "tray",
31+ "group/notify"
32+ ],
33+
34+"modules-center": ["hyprland/workspaces"],
35+
36+"modules-right": [
37+ "pulseaudio#1",
38+ "backlight#2",
39+ "battery"],
40+
41+}
+57-0configs/[TOP] Default
@@ -0,0 +1,57 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### DEFAULT - Top ### //
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+//"mode": "dock",
14+"exclusive": true,
15+"passthrough": false,
16+"position": "top",
17+"spacing": 3,
18+"fixed-center": true,
19+"ipc": true,
20+"margin-top": 3,
21+"margin-left": 8,
22+"margin-right": 8,
23+
24+"modules-left": [
25+ "custom/separator#blank",
26+ "custom/cava_mviz",
27+ "custom/separator#blank",
28+ "custom/playerctl",
29+ "custom/separator#blank_2",
30+ "hyprland/window",
31+ ],
32+
33+"modules-center": [
34+ "group/app_drawer",
35+ "custom/separator#blank",
36+ "group/notify",
37+ "custom/separator#dot-line",
38+ "hyprland/workspaces#rw",
39+ "clock",
40+ "custom/separator#dot-line",
41+ "custom/weather",
42+ "custom/separator#dot-line",
43+ "idle_inhibitor",
44+ "custom/hint",
45+ ],
46+
47+"modules-right": [
48+ "tray",
49+ "network#speed",
50+ "custom/separator#dot-line",
51+ "group/mobo_drawer",
52+ "custom/separator#line",
53+ "group/audio",
54+ "custom/separator#dot-line",
55+ "group/status",
56+ ],
57+}
+72-0configs/[TOP] Default (old v1)
@@ -0,0 +1,72 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### DEFAULT - Top (old v1) ### //
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+//"mode": "dock",
14+"exclusive": true,
15+"passthrough": false,
16+"position": "top",
17+"spacing": 3,
18+"fixed-center": true,
19+"ipc": true,
20+"margin-top": 3,
21+"margin-left": 8,
22+"margin-right": 8,
23+
24+"modules-left": [
25+ "hyprland/workspaces#pacman",
26+ "custom/separator#dot-line",
27+ "cpu",
28+ "custom/separator#dot-line",
29+ "temperature",
30+ "custom/separator#dot-line",
31+ "memory",
32+ "custom/separator#dot-line",
33+ "custom/weather",
34+ "custom/separator#blank_3",
35+ "custom/cava_mviz",
36+ ],
37+
38+"modules-center": [
39+ "custom/menu",
40+ "custom/separator#dot-line",
41+ "idle_inhibitor",
42+ "custom/separator#dot-line",
43+ "clock",
44+ "custom/separator#dot-line",
45+ "custom/light_dark",
46+ "custom/separator#dot-line",
47+ "custom/lock",
48+ //],
49+ "custom/separator#dot-line",
50+ "custom/hint",
51+ ],
52+
53+"modules-right": [
54+ "network#speed",
55+ "custom/separator#dot-line",
56+ "group/notify",
57+ "tray",
58+ "mpris",
59+ "custom/separator#dot-line",
60+ "bluetooth",
61+ "custom/separator#dot-line",
62+ "pulseaudio",
63+ "custom/separator#dot-line",
64+ "pulseaudio#microphone",
65+ "custom/separator#dot-line",
66+ "keyboard-state",
67+ "custom/separator#dot-line",
68+ "custom/keyboard",
69+ "custom/separator#dot-line",
70+ "custom/power",
71+ ],
72+}
+58-0configs/[TOP] Default (old v2)
@@ -0,0 +1,58 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### DEFAULT - Top (old v2) ### //
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+//"mode": "dock",
14+"exclusive": true,
15+"passthrough": false,
16+"position": "top",
17+"spacing": 3,
18+"fixed-center": true,
19+"ipc": true,
20+"margin-top": 3,
21+"margin-left": 8,
22+"margin-right": 8,
23+
24+"modules-left": [
25+ "custom/menu",
26+ "custom/light_dark",
27+ "custom/separator#dot-line",
28+ "group/motherboard",
29+ "custom/separator#line",
30+ "custom/weather",
31+ ],
32+
33+"modules-center": [
34+ "group/notify",
35+ "custom/cava_mviz",
36+ "custom/separator#dot-line",
37+ "clock",
38+ "custom/separator#line",
39+ "hyprland/workspaces#roman",
40+ "custom/separator#dot-line",
41+ "idle_inhibitor",
42+ "custom/hint",
43+ ],
44+
45+"modules-right": [
46+ "network#speed",
47+ "custom/separator#line",
48+ "tray",
49+ "mpris",
50+ "bluetooth",
51+ "group/audio",
52+ "keyboard-state",
53+ "custom/keyboard",
54+ "custom/lock",
55+ "custom/separator#dot-line",
56+ "custom/power",
57+ ],
58+}
+61-0configs/[TOP] Default (old v3)
@@ -0,0 +1,61 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### DEFAULT - Top (old v3) ### //
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+//"mode": "dock",
14+"exclusive": true,
15+"passthrough": false,
16+"position": "top",
17+"spacing": 3,
18+"fixed-center": true,
19+"ipc": true,
20+"margin-top": 3,
21+"margin-left": 8,
22+"margin-right": 8,
23+
24+"modules-left": [
25+ "custom/menu",
26+ "custom/light_dark",
27+ "custom/separator#dot-line",
28+ "power-profiles-daemon",
29+ "group/mobo_drawer",
30+ "custom/separator#blank",
31+ "custom/separator#line",
32+ "custom/weather",
33+ ],
34+
35+"modules-center": [
36+ "group/notify",
37+ "custom/cava_mviz",
38+ "custom/separator#dot-line",
39+ "clock",
40+ "custom/separator#line",
41+ "hyprland/workspaces#kanji",
42+ "custom/separator#dot-line",
43+ "idle_inhibitor",
44+ //"idle_inhibitor",
45+ "custom/hint",
46+ ],
47+
48+"modules-right": [
49+ "network#speed",
50+ "group/connections",
51+ "custom/separator#line",
52+ "tray",
53+ "mpris",
54+ "group/audio",
55+ "custom/separator#line",
56+ "keyboard-state",
57+ "custom/keyboard",
58+ "custom/lock",
59+ "custom/power",
60+ ],
61+}
+54-0configs/[TOP] Default (old v4)
@@ -0,0 +1,54 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### DEFAULT - Top (old v4) ### //
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+//"mode": "dock",
14+"exclusive": true,
15+"passthrough": false,
16+"position": "top",
17+"spacing": 3,
18+"fixed-center": true,
19+"ipc": true,
20+"margin-top": 3,
21+"margin-left": 8,
22+"margin-right": 8,
23+
24+"modules-left": [
25+ "group/app_drawer",
26+ "custom/separator#dot-line",
27+ "group/mobo_drawer",
28+ "custom/separator#line",
29+ "custom/weather",
30+ ],
31+
32+"modules-center": [
33+ "group/notify",
34+ "custom/cava_mviz",
35+ "custom/separator#dot-line",
36+ "clock",
37+ "custom/separator#line",
38+ "hyprland/workspaces#kanji",
39+ "custom/separator#dot-line",
40+ "idle_inhibitor",
41+ "custom/hint",
42+ ],
43+
44+"modules-right": [
45+ "network#speed",
46+ "group/connections",
47+ "custom/separator#line",
48+ "tray",
49+ "mpris",
50+ "group/audio",
51+ "custom/separator#dot-line",
52+ "group/status",
53+ ],
54+}
+146-0configs/[TOP] Everforest
@@ -0,0 +1,146 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* -- designed by https://github.com/DevNChill */
3+// ### Everforest ### //
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+//"mode": "dock",
15+"exclusive": true,
16+"passthrough": false,
17+"position": "top",
18+//"spacing": 6,
19+"fixed-center": true,
20+"ipc": true,
21+//"margin-top": 3,
22+//"margin-left": 8,
23+//"margin-right": 8,
24+
25+"modules-left": [
26+ "custom/arch",
27+ "custom/separator#blank_2",
28+ "hyprland/workspaces#rw",
29+ "custom/separator#blank_2",
30+// "mpris",
31+ "group/notify",
32+ "tray",
33+ ],
34+"modules-center": [
35+ "clock#forest",
36+ "idle_inhibitor",
37+ ],
38+"modules-right": [
39+ "cpu#forest",
40+ "memory#forest",
41+ "temperature#forest",
42+ "disk#forest",
43+ "custom/separator#blank_2",
44+ "backlight",
45+ "battery#forest",
46+ "custom/separator#blank_2",
47+ "group/audio",
48+ ],
49+
50+// Additional / Edited Waybar Modules //
51+"custom/arch": {
52+ "format":"๏Œƒ ",
53+ "tooltip": false,
54+ "on-click": "rofi -show drun"
55+},
56+"clock#forest": {
57+ "format": "{:%A %d.%m.%Y - %H:%M}",
58+ "tooltip-format": "<span color='#D3C6AA' size='larger'>{:%Y %B}</span>\n<tt>{calendar}</tt>",
59+ "calendar-weeks-pos": "right",
60+ "today-format": "<span color='#E67E80' weight='ultrabold'>{}</span>",
61+ "format-calendar": "<span color='#D3C6AA' weight='normal'>{}</span>",
62+ "format-calendar-weeks": "<span color='#7FBBB3'><b>W{:%V}</b></span>",
63+ "format-calendar-weekdays": "<span color='#A7C080'><b>{}</b></span>",
64+ "on-scroll": {
65+ "calendar": 1
66+ }
67+},
68+"battery#forest": {
69+ //"interval": 5,
70+ "align": 0,
71+ "rotate": 0,
72+ //"bat": "BAT1",
73+ //"adapter": "ACAD",
74+ "full-at": 100,
75+ "design-capacity": false,
76+ "states": {
77+ "good": 95,
78+ "warning": 30,
79+ "critical": 15
80+ },
81+ "format": "Battery {icon} {capacity}%",
82+ "format-charging": "Battery ๏ƒง {capacity}%",
83+ "format-plugged": "Battery ๓ฑ˜– {capacity}%",
84+ "format-alt-click": "click",
85+ "format-full": "Battery {icon} Full",
86+ "format-alt": "Battery {icon} {time}",
87+ "format-icons": [
88+ "๓ฐ‚Ž", "๓ฐบ", "๓ฐป", "๓ฐผ", "๓ฐฝ", "๓ฐพ", "๓ฐฟ", "๓ฐ‚€", "๓ฐ‚", "๓ฐ‚‚", "๓ฐน"
89+ ],
90+ "format-time": "{H}h {M}min",
91+ "tooltip": true,
92+ "tooltip-format": "{timeTo} {power}w",
93+ "on-click-middle": "$HOME/.config/hypr/scripts/ChangeBlur.sh",
94+ "on-click-right": "$HOME/.config/hypr/scripts/Wlogout.sh",
95+},
96+
97+"cpu#forest": {
98+ "format": "Cpu ๓ฐ› {usage}%",
99+ "interval": 1,
100+ "min-length": 5,
101+ "format-alt-click": "click",
102+ "format-alt": "{icon0}{icon1}{icon2}{icon3} {usage:>2}% ๓ฐ›",
103+ "format-icons": [
104+ "โ–", "โ–‚", "โ–ƒ", "โ–„", "โ–…", "โ–†", "โ–‡", "โ–ˆ"
105+ ],
106+ "on-click-right": "gnome-system-monitor",
107+},
108+
109+"disk#forest": {
110+ "interval": 30,
111+ //"format": "Disk ๓ฐ‹Š",
112+ "path": "/",
113+ //"format-alt-click": "click",
114+ "format": "Disk ๓ฐ‹Š {used}",
115+ "on-click-right": "baobab",
116+// "tooltip": true,
117+// "tooltip-format": "Disk {used} used out of {total} on {path} ({percentage_used}%)",
118+},
119+
120+"memory#forest": {
121+ "interval": 10,
122+ "format": "Ram ๓ฐพ† {used:0.1f}G",
123+ "format-alt": "Ram {percentage}% ๓ฐพ†",
124+ "format-alt-click": "click",
125+ "tooltip": true,
126+ "tooltip-format": "Ram {used:0.1f}GB/{total:0.1f}G",
127+ "on-click-right": "kitty --title btop sh -c 'btop'"
128+},
129+"temperature#forest": {
130+ "interval": 10,
131+ "tooltip": true,
132+ "hwmon-path": [
133+ "/sys/class/hwmon/hwmon1/temp1_input",
134+ "/sys/class/thermal/thermal_zone0/temp"
135+ ],
136+ //"thermal-zone": 0,
137+ "critical-threshold": 82,
138+ "format-critical": "Temp {icon} {temperatureC}ยฐC",
139+ "format": "Temp {icon} {temperatureC}ยฐC",
140+ "format-icons": [
141+ " ๓ฐˆธ"
142+ ],
143+ "on-click-right": "kitty --title nvtop sh -c 'nvtop'"
144+},
145+}
146+
+43-0configs/[TOP] Gardenia
@@ -0,0 +1,43 @@
1+//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+//* ............................................*/
3+//* .............GARDENIA.......................*/
4+//* ............................................*/
5+//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
6+
7+{
8+
9+"include": [
10+ "$HOME/.config/waybar/Modules",
11+ "$HOME/.config/waybar/ModulesWorkspaces",
12+ "$HOME/.config/waybar/ModulesCustom",
13+ "$HOME/.config/waybar/ModulesGroups",
14+ "$HOME/.config/waybar/UserModules",
15+ ],
16+"layer": "top",
17+//"mode": "dock",
18+"exclusive": true,
19+"passthrough": false,
20+"position": "top",
21+"spacing": 5,
22+"fixed-center": false,
23+"ipc": true,
24+"margin-top": 5,
25+//"margin-bottom": 5,
26+"width": 1000,
27+
28+"modules-left": [
29+ "clock#5",
30+ "mpris",
31+ "tray",
32+ "group/notify"
33+ ],
34+
35+"modules-center": ["hyprland/workspaces#kanji"],
36+
37+"modules-right": [
38+ "pulseaudio#1",
39+ "backlight#2",
40+ "battery"
41+ ],
42+
43+}
+51-0configs/[TOP] Hygobar
@@ -0,0 +1,51 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### DEFAULT - Top ### //
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+//"mode": "dock",
14+"exclusive": true,
15+"passthrough": false,
16+"position": "top",
17+"spacing": 3,
18+"fixed-center": true,
19+"ipc": true,
20+"margin-top": 3,
21+"margin-left": 8,
22+"margin-right": 8,
23+
24+"modules-left": [
25+ "clock",
26+ "tray",
27+ "custom/separator#dot-line",
28+ "group/drawerless-audio",
29+ "custom/separator#blank",
30+ ],
31+
32+"modules-center": [
33+ "custom/separator#blank",
34+ "group/notify",
35+ "custom/separator#dot-line",
36+ "hyprland/workspaces#rw",
37+ "custom/separator#dot-line",
38+ "custom/window-info",
39+ "custom/weather",
40+ "custom/separator#dot-line",
41+ "idle_inhibitor",
42+ ],
43+
44+"modules-right": [
45+ "network",
46+ "custom/separator#dot-line",
47+ "group/drawerless-mobo_drawer",
48+ "custom/separator#dot-line",
49+ "group/drawerless-status",
50+ ],
51+}
+48-0configs/[TOP] Minimal - Long
@@ -0,0 +1,48 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### Minimal - Long ### //
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+//"mode": "dock",
15+"exclusive": true,
16+"passthrough": false,
17+"position": "top",
18+"spacing": 6,
19+"fixed-center": true,
20+"ipc": true,
21+"margin-top": 3,
22+"margin-left": 8,
23+"margin-right": 8,
24+
25+"modules-left": [
26+ "custom/menu",
27+ "custom/separator#blank_2",
28+ "hyprland/workspaces#pacman",
29+ "custom/separator#blank_2",
30+ "mpris",
31+ "group/notify",
32+ "tray",
33+ ],
34+"modules-center": [
35+ "clock",
36+ "idle_inhibitor",
37+ ],
38+"modules-right": [
39+ "group/mobo_drawer",
40+ "custom/separator#blank_2",
41+ "group/laptop",
42+ "custom/separator#blank_2",
43+ "group/audio",
44+ "custom/separator#blank_2",
45+ "custom/power",
46+ ],
47+
48+}
+38-0configs/[TOP] Minimal - Short
@@ -0,0 +1,38 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+
3+// ### Minimal -SHORT ### //
4+
5+{
6+"include": [
7+ "$HOME/.config/waybar/Modules",
8+ "$HOME/.config/waybar/ModulesWorkspaces",
9+ "$HOME/.config/waybar/ModulesCustom",
10+ "$HOME/.config/waybar/ModulesGroups",
11+ "$HOME/.config/waybar/UserModules",
12+ ],
13+"layer": "top",
14+"position": "top",
15+"width": 1050,
16+"margin-top": 3,
17+
18+"modules-left": [
19+ "clock",
20+ "custom/weather",
21+ ],
22+
23+"modules-center": [
24+ "hyprland/workspaces#roman"
25+ ],
26+
27+"modules-right": [
28+ "custom/menu",
29+ "tray",
30+ "group/notify",
31+ "mpris",
32+ "network",
33+ "bluetooth",
34+ "backlight",
35+ "pulseaudio",
36+ "battery",
37+ "custom/power"],
38+}
+48-0configs/[TOP] Peony
@@ -0,0 +1,48 @@
1+//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+//* ............................................*/
3+//* ................PEONY.......................*/
4+//* ............................................*/
5+//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
6+
7+{
8+
9+"include": [
10+ "$HOME/.config/waybar/Modules",
11+ "$HOME/.config/waybar/ModulesWorkspaces",
12+ "$HOME/.config/waybar/ModulesCustom",
13+ "$HOME/.config/waybar/ModulesGroups",
14+ "$HOME/.config/waybar/UserModules",
15+ ],
16+"layer": "top",
17+//"mode": "dock",
18+"exclusive": true,
19+"passthrough": false,
20+"position": "top",
21+"spacing": 4,
22+"fixed-center": true,
23+"ipc": true,
24+"margin-top": 5,
25+//"margin-bottom": 5,
26+"width": 1444,
27+
28+"modules-left": [
29+ "hyprland/workspaces#roman",
30+ "mpris",
31+ "group/notify",
32+ "tray"
33+ ],
34+
35+"modules-center": ["clock#4"],
36+
37+"modules-right": [
38+ "battery",
39+ "custom/separator#blank",
40+ "backlight",
41+ "custom/separator#blank",
42+ "pulseaudio",
43+ "custom/separator#blank",
44+ "temperature",
45+ "custom/separator#blank",
46+ "network"],
47+
48+}
+42-0configs/[TOP] Simple
@@ -0,0 +1,42 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+// ### TOP Simple ## //
3+
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+"position": "top",
14+//"mode": "dock",
15+"exclusive": true,
16+"passthrough": false,
17+"gtk-layer-shell": true,
18+"margin-left": 6,
19+"margin-right": 6,
20+"margin-top": 2,
21+
22+"modules-left": [
23+ "idle_inhibitor",
24+ "group/mobo_drawer",
25+ "hyprland/workspaces#rw",
26+ "tray",
27+ "mpris",
28+ ],
29+
30+"modules-center": [
31+ "clock#2",
32+ "group/notify",
33+ ],
34+
35+"modules-right": [
36+ "hyprland/window",
37+ "battery",
38+ "group/audio",
39+ "custom/power",
40+ ],
41+}
42+
+37-0configs/[TOP] Simpliest
@@ -0,0 +1,37 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+// ### TOP Simpliests ## //
3+
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+"position": "top",
14+//"mode": "dock",
15+"exclusive": true,
16+"passthrough": false,
17+"gtk-layer-shell": true,
18+"margin-left": 6,
19+"margin-right": 6,
20+"margin-top": 2,
21+
22+"modules-left": [
23+ "hyprland/workspaces",
24+ "tray",
25+ "mpris",
26+ ],
27+
28+"modules-center": [
29+ "hyprland/window",
30+ ],
31+
32+"modules-right": [
33+ "idle_inhibitor",
34+ "group/notify",
35+ ],
36+}
37+
+43-0configs/[TOP] Sleek
@@ -0,0 +1,43 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+// Sleek
3+
4+{
5+"include": [
6+ "$HOME/.config/waybar/Modules",
7+ "$HOME/.config/waybar/ModulesWorkspaces",
8+ "$HOME/.config/waybar/ModulesCustom",
9+ "$HOME/.config/waybar/ModulesGroups",
10+ "$HOME/.config/waybar/UserModules",
11+ ],
12+"layer": "top",
13+"position": "top",
14+"height": 14,
15+"margin-left": 10,
16+"margin-right": 10,
17+"margin-top": 2,
18+
19+"modules-left": [
20+ "custom/menu",
21+ "custom/separator#blank_2",
22+ "hyprland/workspaces",
23+ "custom/separator#blank_2",
24+ "mpris",
25+ "tray"
26+],
27+
28+"modules-center": [
29+ "idle_inhibitor",
30+ "custom/separator#blank",
31+ "clock#3",
32+ "custom/separator#blank",
33+ "group/notify"
34+],
35+
36+"modules-right": [
37+ "hyprland/window",
38+ "custom/separator#blank_2",
39+ "pulseaudio",
40+ "custom/separator#blank",
41+ "custom/power",
42+ ],
43+}
+41-0scripts/window-info.sh
@@ -0,0 +1,41 @@
1+#!/bin/bash
2+# Outputs JSON for waybar custom module with window title and full hyprctl info as tooltip
3+
4+info=$(hyprctl activewindow -j 2>/dev/null)
5+
6+if [ -z "$info" ] || [ "$info" = "null" ]; then
7+ echo '{"text": "", "tooltip": "No active window", "class": "empty"}'
8+ exit 0
9+fi
10+
11+title=$(echo "$info" | jq -r '.title // ""')
12+display_title=$(echo "$title" | head -c 40)
13+
14+tooltip=$(echo "$info" | jq -r '
15+ "Address: \(.address)\n" +
16+ "Title: \(.title)\n" +
17+ "Class: \(.class)\n" +
18+ "Initial Class: \(.initialClass)\n" +
19+ "Initial Title: \(.initialTitle)\n" +
20+ "Workspace: \(.workspace.name) (ID: \(.workspace.id))\n" +
21+ "Monitor: \(.monitor)\n" +
22+ "PID: \(.pid)\n" +
23+ "Size: \(.size[0])x\(.size[1])\n" +
24+ "Position: \(.at[0]), \(.at[1])\n" +
25+ "Floating: \(.floating)\n" +
26+ "Fullscreen: \(.fullscreen)\n" +
27+ "Pinned: \(.pinned)\n" +
28+ "XWayland: \(.xwayland)\n" +
29+ "Grouped: \(.grouped)\n" +
30+ "Tags: \(.tags)\n" +
31+ "Swallowing: \(.swallowing)\n" +
32+ "Focus History ID: \(.focusHistoryID)\n" +
33+ "Inhibiting Idle: \(.inhibitingIdle)\n" +
34+ "Content Type: \(.contentType)\n" +
35+ "Stable ID: \(.stableId)"
36+')
37+
38+# Escape for JSON
39+tooltip_escaped=$(echo "$tooltip" | python3 -c "import sys,json; print(json.dumps(sys.stdin.read().strip()))")
40+
41+echo "{\"text\": \"${display_title//\"/\\\"}\", \"tooltip\": ${tooltip_escaped}, \"class\": \"active\"}"
+1-0style.css
@@ -0,0 +1 @@
1+/home/huncho/.config/waybar/style/[Dark] Half-Moon.css
+209-0style/[0 VERTICAL] Golden Noir.css
@@ -0,0 +1,209 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* ...............Golden Noir................ */
3+/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+window#waybar {
15+ background: #040406;
16+ border-radius: 30px;
17+ color: #cba6f7;
18+
19+}
20+
21+window#waybar.hidden {
22+ opacity: 0.5;
23+}
24+
25+tooltip {
26+ background: #1e1e2e;
27+ border-radius: 10px;
28+ border-width: 2px;
29+ border-style: solid;
30+ border-color: #11111b;
31+ color: #ffd700;
32+}
33+
34+/*-----module groups----*/
35+.modules-left,
36+.modules-right {
37+ padding-top: 2px;
38+ padding-bottom: 2px;
39+ padding-right: 4px;
40+ padding-left: 4px;
41+
42+}
43+
44+.modules-center {
45+ border-top: 1px solid #ffd700;
46+ border-bottom: 1px solid #ffd700;
47+ border-radius: 20px;
48+ padding-top: 2px;
49+ padding-bottom: 2px;
50+ padding-right: 4px;
51+ padding-left: 4px;
52+}
53+
54+#taskbar button,
55+#workspaces button {
56+ color: #6E6A86;
57+ box-shadow: none;
58+ text-shadow: none;
59+ padding: 0px;
60+ border-radius: 9px;
61+ padding-left: 4px;
62+ padding-right: 4px;
63+ animation: gradient_f 20s ease-in infinite;
64+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
65+}
66+
67+#taskbar button.active,
68+#workspaces button.active {
69+ color: #ffd700;
70+ border-radius: 50%;
71+ background-color: black;
72+ border-radius: 15px 15px 15px 15px;
73+ padding-left: 5px;
74+ padding-right: 5px;
75+ animation: gradient_f 20s ease-in infinite;
76+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
77+}
78+
79+#workspaces button.focused {
80+ color: #d8dee9;
81+}
82+
83+#workspaces button.urgent {
84+ color: #11111b;
85+ border-radius: 10px;
86+}
87+
88+#taskbar button:hover,
89+#workspaces button:hover {
90+ color: #ffd700;
91+ border-radius: 15px;
92+ padding-left: 2px;
93+ padding-right: 2px;
94+ animation: gradient_f 20s ease-in infinite;
95+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
96+}
97+
98+#backlight,
99+#backlight-slider,
100+#battery,
101+#bluetooth,
102+#clock,
103+#cpu,
104+#disk,
105+#idle_inhibitor,
106+#keyboard-state,
107+#memory,
108+#mode,
109+#mpris,
110+#network,
111+#power-profiles-daemon,
112+#pulseaudio,
113+#pulseaudio-slider,
114+#taskbar,
115+#temperature,
116+#tray,
117+#window,
118+#wireplumber,
119+#workspaces,
120+#custom-backlight,
121+#custom-browser,
122+#custom-cava_mviz,
123+#custom-cycle_wall,
124+#custom-dot_update,
125+#custom-file_manager,
126+#custom-keybinds,
127+#custom-keyboard,
128+#custom-light_dark,
129+#custom-lock,
130+#custom-hint,
131+#custom-hypridle,
132+#custom-menu,
133+#custom-playerctl,
134+#custom-power_vertical,
135+#custom-power,
136+#custom-quit,
137+#custom-reboot,
138+#custom-settings,
139+#custom-spotify,
140+#custom-swaync,
141+#custom-tty,
142+#custom-updater,
143+#custom-weather,
144+#custom-weather.clearNight,
145+#custom-weather.cloudyFoggyDay,
146+#custom-weather.cloudyFoggyNight,
147+#custom-weather.default,
148+#custom-weather.rainyDay,
149+#custom-weather.rainyNight,
150+#custom-weather.severe,
151+#custom-weather.showyIcyDay,
152+#custom-weather.snowyIcyNight,
153+#custom-weather.sunnyDay {
154+ color: #e5d9f5;
155+ padding-top: 5px;
156+ padding-bottom: 5px;
157+ padding-right: 5px;
158+ padding-left: 5px;
159+}
160+
161+#temperature.critical {
162+ background-color: #ff0000;
163+}
164+
165+@keyframes blink {
166+ to {
167+ color: #000000;
168+ }
169+}
170+
171+/*-----Indicators----*/
172+#custom-hypridle.notactive,
173+#idle_inhibitor.activated {
174+ color: #39FF14;
175+}
176+
177+#battery.critical:not(.charging) {
178+ color: #f53c3c;
179+ animation-name: blink;
180+ animation-duration: 3.0s;
181+ animation-timing-function: steps(12);
182+ animation-iteration-count: infinite;
183+ animation-direction: alternate;
184+}
185+
186+#backlight-slider slider,
187+#pulseaudio-slider slider {
188+ min-height: 7px;
189+ min-width: 15px;
190+ opacity: 0;
191+ background-image: none;
192+ border: none;
193+ box-shadow: none;
194+}
195+
196+#backlight-slider trough,
197+#pulseaudio-slider trough {
198+ min-height: 100px;
199+ min-width: 7px;
200+ border-radius: 5px;
201+ background-color: #22252a;
202+}
203+
204+#backlight-slider highlight,
205+#pulseaudio-slider highlight {
206+ min-width: 5px;
207+ border-radius: 5px;
208+ background-color: #ba5663;
209+}
+397-0style/[0 VERTICAL] Oglo Chicklets.css
@@ -0,0 +1,397 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Oglo Chicklets */
3+
4+* {
5+ font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
6+ font-size: 97%;
7+ font-weight: bold;
8+}
9+
10+window#waybar {
11+ background-color: #232a2e;
12+ border-bottom: 8px solid #1d2327;
13+ color: #d3c6aa;
14+ transition-property: background-color;
15+ transition-duration: .5s;
16+}
17+
18+window#waybar.hidden {
19+ opacity: 0.2;
20+}
21+
22+/*
23+window#waybar.empty {
24+ background-color: transparent;
25+}
26+window#waybar.solo {
27+ background-color: #FFFFFF;
28+}
29+*/
30+
31+button {
32+ all: unset;
33+ background-color: #778f52;
34+ color: #2d353b;
35+ border: none;
36+ border-bottom: 8px solid #5d743e;
37+ border-radius: 5px;
38+ padding-left: 5px;
39+ padding-right: 5px;
40+ transition: transform 0.1s ease-in-out;
41+}
42+
43+button:hover {
44+ background: inherit;
45+ background-color: #92ab6c;
46+ border-bottom: 8px solid #788f57;
47+}
48+
49+button.active {
50+ background: inherit;
51+ background-color: #a5be7e;
52+ border-bottom: 8px solid #8aa168;
53+}
54+
55+#mode {
56+ background-color: #64727D;
57+ border-bottom: 3px solid #ffffff;
58+}
59+
60+#backlight,
61+#backlight-slider,
62+#battery,
63+#bluetooth,
64+#clock,
65+#cpu,
66+#disk,
67+#idle_inhibitor,
68+#keyboard-state,
69+#memory,
70+#mode,
71+#mpris,
72+#network,
73+#power-profiles-daemon,
74+#pulseaudio,
75+#pulseaudio-slider,
76+#taskbar,
77+#temperature,
78+#tray,
79+#window,
80+#wireplumber,
81+#workspaces,
82+#custom-backlight,
83+#custom-browser,
84+#custom-cava_mviz,
85+#custom-cycle_wall,
86+#custom-dot_update,
87+#custom-file_manager,
88+#custom-keybinds,
89+#custom-keyboard,
90+#custom-light_dark,
91+#custom-lock,
92+#custom-hint,
93+#custom-hypridle,
94+#custom-menu,
95+#custom-playerctl,
96+#custom-power_vertical,
97+#custom-power,
98+#custom-quit,
99+#custom-reboot,
100+#custom-settings,
101+#custom-spotify,
102+#custom-swaync,
103+#custom-tty,
104+#custom-updater,
105+#custom-weather,
106+#custom-weather.clearNight,
107+#custom-weather.cloudyFoggyDay,
108+#custom-weather.cloudyFoggyNight,
109+#custom-weather.default,
110+#custom-weather.rainyDay,
111+#custom-weather.rainyNight,
112+#custom-weather.severe,
113+#custom-weather.showyIcyDay,
114+#custom-weather.snowyIcyNight,
115+#custom-weather.sunnyDay{
116+ color: #ffffff;
117+ padding-top: 2px;
118+ padding-bottom: 2px;
119+ border-radius: 5px;
120+ padding-left: 5px;
121+ padding-right: 5px;
122+}
123+
124+#window,
125+#workspaces {
126+ margin: 5px;
127+}
128+
129+/* If workspaces is the leftmost module, omit left margin */
130+.modules-left > widget:first-child > #workspaces {
131+ margin-left: 0;
132+}
133+
134+/* If workspaces is the rightmost module, omit right margin */
135+.modules-right > widget:last-child > #workspaces {
136+ margin-right: 0;
137+}
138+
139+#window {
140+ background-color: #343f44;
141+ color: #d3c6aa;
142+ border-bottom: 8px solid #2b3539;
143+}
144+
145+#custom-swaync {
146+ background-color: #778f52;
147+ color: #2d353b;
148+ border-bottom: 8px solid #5d743e;
149+}
150+
151+#custom-menu {
152+ background-color: #778f52;
153+ color: #2d353b;
154+ border-bottom: 8px solid #5d743e;
155+}
156+
157+#custom-power {
158+ background-color: #ee606a;
159+ color: #2d353b;
160+ border-bottom: 8px solid #ca4853;
161+ padding-left: 5px;
162+}
163+
164+#custom-power_vertical{
165+ background-color: #ee606a;
166+ color: #2d353b;
167+ border-bottom: 8px solid #ca4853;
168+}
169+
170+#clock {
171+ background-color: #96a84c;
172+ color: #2d353b;
173+ border-bottom: 8px solid #7a8c37;
174+}
175+
176+#battery {
177+ background-color: #3a998f;
178+ color: #2d353b;
179+ border-bottom: 8px solid #227d74;
180+}
181+
182+@keyframes blink {
183+ to {
184+ background-color: #ffffff;
185+ color: #000000;
186+ }
187+}
188+
189+#battery.critical:not(.charging) {
190+ background-color: #ee606a;
191+ color: #2d353b;
192+ border-bottom: 8px solid #ca4853;
193+ animation-name: blink;
194+ animation-duration: 3.0s;
195+ animation-timing-function: steps(12);
196+ animation-iteration-count: infinite;
197+ animation-direction: alternate;
198+}
199+
200+label:focus {
201+ background-color: #000000;
202+}
203+
204+#cpu {
205+ background-color: #778f52;
206+ color: #2d353b;
207+ border-bottom: 8px solid #5d743e;
208+}
209+
210+#memory {
211+ background-color: #d980ad;
212+ color: #2d353b;
213+ border-bottom: 8px solid #b86790;
214+}
215+
216+#disk {
217+ background-color: #964B00;
218+ border-bottom: 8px solid #793300;
219+}
220+
221+#custom-lock,
222+#custom-light_dark,
223+#backlight {
224+ background-color: #64b6ac;
225+ color: #2d353b;
226+ border-bottom: 8px solid #4f9990;
227+ padding-left: 5px;
228+}
229+
230+#network {
231+ background-color: #2980b9;
232+}
233+
234+#network.disconnected {
235+ background-color: #f53c3c;
236+}
237+
238+#pulseaudio {
239+ background-color: #d8ac47;
240+ color: #2d353b;
241+ border-bottom: 8px solid #b78f30;
242+}
243+
244+#pulseaudio.muted {
245+ background-color: #90b1b1;
246+ color: #2a5c45;
247+}
248+
249+#wireplumber {
250+ background-color: #fff0f5;
251+ color: #000000;
252+}
253+
254+#wireplumber.muted {
255+ background-color: #f53c3c;
256+}
257+
258+#custom-media {
259+ background-color: #66cc99;
260+ color: #2a5c45;
261+ min-width: 100px;
262+}
263+
264+#custom-media.custom-spotify {
265+ background-color: #66cc99;
266+}
267+
268+#custom-media.custom-vlc {
269+ background-color: #ffa000;
270+}
271+
272+#temperature {
273+ background-color: #f0932b;
274+ border-bottom: 8px solid #b78f30;
275+}
276+
277+#temperature.critical {
278+ background-color: #eb4d4b;
279+}
280+
281+#tray {
282+ background-color: #e67f51;
283+ color: #2d353b;;
284+ border-bottom: 8px solid #c3653b;
285+}
286+
287+#tray > .passive {
288+ -gtk-icon-effect: dim;
289+}
290+
291+#tray > .needs-attention {
292+ -gtk-icon-effect: highlight;
293+ background-color: #eb4d4b;
294+}
295+
296+#idle_inhibitor {
297+ background-color: #2d3436;
298+}
299+
300+#idle_inhibitor.activated {
301+ background-color: #ecf0f1;
302+ color: #2d3436;
303+}
304+
305+#mpd {
306+ background-color: #66cc99;
307+ color: #2a5c45;
308+}
309+
310+#mpd.disconnected {
311+ background-color: #f53c3c;
312+}
313+
314+#mpd.stopped {
315+ background-color: #90b1b1;
316+}
317+
318+#mpd.paused {
319+ background-color: #51a37a;
320+}
321+
322+#language {
323+ background: #00b093;
324+ color: #740864;
325+ min-width: 16px;
326+}
327+
328+#keyboard-state {
329+ background: #97e1ad;
330+ color: #000000;
331+ min-width: 16px;
332+ border-bottom: 8px solid #78b48a;
333+}
334+
335+#keyboard-state > label {
336+ padding: 0 5px;
337+}
338+
339+#keyboard-state > label.locked {
340+ background: rgba(0, 0, 0, 0.2);
341+}
342+
343+#scratchpad {
344+ background: rgba(0, 0, 0, 0.2);
345+}
346+
347+#scratchpad.empty {
348+ background-color: transparent;
349+}
350+
351+tooltip {
352+ background-color: #232a2e;
353+ border: none;
354+ border-bottom: 8px solid #1d2327;
355+}
356+
357+tooltip decoration {
358+ box-shadow: none;
359+}
360+
361+tooltip decoration:backdrop {
362+ box-shadow: none;
363+}
364+
365+tooltip label {
366+ color: #d3c6aa;
367+ padding-left: 5px;
368+ padding-right: 5px;
369+ padding-top: 0px;
370+ padding-bottom: 5px;
371+}
372+
373+
374+#backlight-slider slider,
375+#pulseaudio-slider slider {
376+ min-height: 7px;
377+ min-width: 15px;
378+ opacity: 0;
379+ background-color: #ffa000;
380+ border-radius: 3px;
381+ box-shadow: 1px 5px 6px 1px #272727;
382+}
383+
384+#backlight-slider trough,
385+#pulseaudio-slider trough {
386+ min-height: 100px;
387+ min-width: 7px;
388+ border-radius: 5px;
389+ background-color: #d8ac47;
390+}
391+
392+#backlight-slider highlight,
393+#pulseaudio-slider highlight {
394+ min-width: 5px;
395+ border-radius: 5px;
396+ background-color: #64b6ac;
397+}
+224-0style/[0 VERTICAL] [Catpuccin] Mocha.css
@@ -0,0 +1,224 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Vertical Catpuccin Mocha */
3+/* As stated on title, best style for vertical layout waybar config */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+@import "../waybar/style/catppuccin-themes/mocha.css";
15+
16+window#waybar {
17+ background-color: @base;
18+ border-radius: 5px;
19+}
20+
21+tooltip {
22+ background: @base;
23+ opacity: 1;
24+ border-radius: 10px;
25+ border-width: 2px;
26+ border-style: solid;
27+ border-color: @sapphire;
28+}
29+
30+tooltip label {
31+ color: @blue;
32+}
33+
34+#taskbar button,
35+#workspaces button {
36+ color: @surface2;
37+ background-color: transparent;
38+ padding-top: 4px;
39+ padding-bottom: 4px;
40+ padding-right: 6px;
41+ padding-left: 4px;
42+}
43+
44+#taskbar button.active,
45+#workspaces button.active {
46+ color: @maroon;
47+}
48+
49+#taskbar button.focused,
50+#workspaces button.focused {
51+ color: @rosewater;
52+ background: transparent;
53+ border-radius: 15px;
54+}
55+
56+#workspaces button.urgent {
57+ color: #11111b;
58+ background: transparent;
59+ border-radius: 15px;
60+}
61+
62+#taskbar button:hover,
63+#workspaces button:hover {
64+ background: transparent;
65+ color: @flamingo;
66+ border-radius: 15px;
67+}
68+
69+#backlight,
70+#backlight-slider,
71+#battery,
72+#bluetooth,
73+#clock,
74+#cpu,
75+#disk,
76+#idle_inhibitor,
77+#keyboard-state,
78+#memory,
79+#mode,
80+#mpris,
81+#network,
82+#power-profiles-daemon,
83+#pulseaudio,
84+#pulseaudio-slider,
85+#taskbar button,
86+#taskbar,
87+#temperature,
88+#tray,
89+#window,
90+#wireplumber,
91+#workspaces,
92+#custom-backlight,
93+#custom-browser,
94+#custom-cava_mviz,
95+#custom-cycle_wall,
96+#custom-dot_update,
97+#custom-file_manager,
98+#custom-keybinds,
99+#custom-keyboard,
100+#custom-light_dark,
101+#custom-lock,
102+#custom-hint,
103+#custom-hypridle,
104+#custom-menu,
105+#custom-playerctl,
106+#custom-power_vertical,
107+#custom-power,
108+#custom-quit,
109+#custom-reboot,
110+#custom-settings,
111+#custom-spotify,
112+#custom-swaync,
113+#custom-tty,
114+#custom-updater,
115+#custom-weather,
116+#custom-weather.clearNight,
117+#custom-weather.cloudyFoggyDay,
118+#custom-weather.cloudyFoggyNight,
119+#custom-weather.default,
120+#custom-weather.rainyDay,
121+#custom-weather.rainyNight,
122+#custom-weather.severe,
123+#custom-weather.showyIcyDay,
124+#custom-weather.snowyIcyNight,
125+#custom-weather.sunnyDay {
126+ opacity: 1;
127+ padding-top: 4px;
128+ padding-bottom: 4px;
129+ padding-right: 6px;
130+ padding-left: 6px;
131+}
132+
133+#idle_inhibitor {
134+ color: @pink;
135+}
136+
137+#mpris {
138+ color: @rosewater;
139+}
140+
141+#battery {
142+ color: #a6e3a1;
143+ padding-left: 15px;
144+ border-radius: 15px 0 0 15px;
145+}
146+
147+@keyframes blink {
148+ to {
149+ background-color: #ffffff;
150+ color: #333333;
151+ }
152+}
153+
154+#battery.critical:not(.charging) {
155+ color: #f53c3c;
156+ animation-name: blink;
157+ animation-duration: 0.5s;
158+ animation-timing-function: linear;
159+ animation-iteration-count: infinite;
160+ animation-direction: alternate;
161+}
162+
163+#custom-lock,
164+#custom-power {
165+ color: @red;
166+ border-radius: 15px;
167+ font-weight: bolder;
168+ padding-left: 1px;
169+}
170+
171+#network {
172+ background-color: transparent;
173+ color: @mauve;
174+}
175+
176+#backlight {
177+ color: @flamingo;
178+}
179+
180+
181+#custom-weather {
182+ color: @green;
183+ border-radius: 15px;
184+ background-color: transparent;
185+}
186+
187+#custom-menu {
188+ color: #89b4fa;
189+}
190+
191+#pulseaudio {
192+ background-color: transparent;
193+ color: @blue;
194+}
195+
196+#clock,
197+#clock-calender {
198+ color: @sapphire;
199+}
200+
201+#backlight-slider slider,
202+#pulseaudio-slider slider {
203+ min-height: 7px;
204+ min-width: 15px;
205+ opacity: 0;
206+ background-color: @text;
207+ border-radius: 3px;
208+ box-shadow: 1px 5px 6px 1px #272727;
209+}
210+
211+#backlight-slider trough,
212+#pulseaudio-slider trough {
213+ min-height: 100px;
214+ min-width: 7px;
215+ border-radius: 5px;
216+ background-color: @surface0;
217+}
218+
219+#backlight-slider highlight,
220+#pulseaudio-slider highlight {
221+ min-width: 5px;
222+ border-radius: 5px;
223+ background-color: @blue;
224+}
+217-0style/[Black & White] Monochrome.css
@@ -0,0 +1,217 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Black & White MonoChrome */
3+
4+* {
5+ font-family: "JetBrainsMono Nerd Font";
6+ font-weight: bold;
7+ min-height: 0;
8+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+ font-size: 97%;
10+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+window#waybar,
14+window#waybar.empty,
15+window#waybar.empty #window {
16+ background-color: transparent;
17+ padding: 0px;
18+ border: 0px;
19+}
20+
21+tooltip {
22+ color: white;
23+ background: #1e1e2e;
24+ opacity: 0.8;
25+ border-radius: 10px;
26+ border-width: 2px;
27+ border-style: solid;
28+ border-color: white;
29+}
30+
31+tooltip label{
32+ color: #cdd6f4;
33+}
34+/*-----module groups----*/
35+.modules-right {
36+ background-color: black;
37+ color: white;
38+ border-bottom: 1px;
39+ border-style: solid;
40+ border-color: white;
41+ border-radius: 10px;
42+ padding-top: 2px;
43+ padding-bottom: 2px;
44+ padding-right: 4px;
45+ padding-left: 4px;
46+}
47+.modules-center {
48+ background-color: black;
49+ color: white;
50+ border-bottom: 1px;
51+ border-style: solid;
52+ border-color: white;
53+ border-radius: 10px;
54+ padding-top: 2px;
55+ padding-bottom: 2px;
56+ padding-right: 4px;
57+ padding-left: 4px;
58+}
59+.modules-left {
60+ background-color: black;
61+ color: white;
62+ border-bottom: 1px;
63+ border-style: solid;
64+ border-color: white;
65+ border-radius: 10px;
66+ padding-top: 2px;
67+ padding-bottom: 2px;
68+ padding-right: 4px;
69+ padding-left: 4px;
70+}
71+/*-----modules indv----*/
72+#taskbar button,
73+#workspaces button {
74+ color: dimgrey;
75+ box-shadow: none;
76+ text-shadow: none;
77+ padding: 0px;
78+ border-radius: 9px;
79+ padding-left: 4px;
80+ padding-right: 4px;
81+ animation: gradient_f 20s ease-in infinite;
82+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
83+}
84+#taskbar button:hover,
85+#workspaces button:hover {
86+ color: white;
87+ background-color: #7f849c;
88+ padding-left: 2px;
89+ padding-right: 2px;
90+ animation: gradient_f 20s ease-in infinite;
91+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
92+}
93+
94+#taskbar button.active,
95+#workspaces button.active {
96+ color: white;
97+ padding-left: 8px;
98+ padding-right: 8px;
99+ animation: gradient_f 20s ease-in infinite;
100+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
101+}
102+
103+#workspaces button.persistent {
104+ border-radius: 10px;
105+}
106+
107+#backlight,
108+#backlight-slider,
109+#battery,
110+#bluetooth,
111+#clock,
112+#cpu,
113+#disk,
114+#idle_inhibitor,
115+#keyboard-state,
116+#memory,
117+#mode,
118+#mpris,
119+#network,
120+#power-profiles-daemon,
121+#pulseaudio,
122+#pulseaudio-slider,
123+#taskbar,
124+#temperature,
125+#tray,
126+#window,
127+#wireplumber,
128+#workspaces,
129+#custom-backlight,
130+#custom-browser,
131+#custom-cava_mviz,
132+#custom-cycle_wall,
133+#custom-dot_update,
134+#custom-file_manager,
135+#custom-keybinds,
136+#custom-keyboard,
137+#custom-light_dark,
138+#custom-lock,
139+#custom-hint,
140+#custom-hypridle,
141+#custom-menu,
142+#custom-playerctl,
143+#custom-power_vertical,
144+#custom-power,
145+#custom-quit,
146+#custom-reboot,
147+#custom-settings,
148+#custom-spotify,
149+#custom-swaync,
150+#custom-tty,
151+#custom-updater,
152+#custom-weather,
153+#custom-weather.clearNight,
154+#custom-weather.cloudyFoggyDay,
155+#custom-weather.cloudyFoggyNight,
156+#custom-weather.default,
157+#custom-weather.rainyDay,
158+#custom-weather.rainyNight,
159+#custom-weather.severe,
160+#custom-weather.showyIcyDay,
161+#custom-weather.snowyIcyNight,
162+#custom-weather.sunnyDay {
163+ padding-top: 4px;
164+ padding-bottom: 4px;
165+ padding-right: 6px;
166+ padding-left: 6px;
167+}
168+/*-----Indicators----*/
169+#custom-hypridle.notactive,
170+#idle_inhibitor.activated {
171+ color: #39FF14;
172+}
173+
174+#pulseaudio.muted {
175+ color: #cc3436;
176+}
177+#temperature.critical {
178+ color: red;
179+}
180+
181+@keyframes blink {
182+ to {
183+ color: #000000;
184+ }
185+}
186+
187+#battery.critical:not(.charging) {
188+ color: #f53c3c;
189+ animation-name: blink;
190+ animation-duration: 3.0s;
191+ animation-timing-function: steps(12);
192+ animation-iteration-count: infinite;
193+ animation-direction: alternate;
194+}
195+
196+#backlight-slider slider,
197+#pulseaudio-slider slider {
198+ min-width: 0px;
199+ min-height: 0px;
200+ opacity: 0;
201+ background-image: none;
202+ border: none;
203+ box-shadow: none;
204+}
205+
206+#backlight-slider trough,
207+#pulseaudio-slider trough {
208+ min-width: 80px;
209+ min-height: 5px;
210+ border-radius: 5px;
211+}
212+
213+#backlight-slider highlight,
214+#pulseaudio-slider highlight {
215+ min-height: 10px;
216+ border-radius: 5px;
217+}
+282-0style/[Catppuccin] Frappe.css
@@ -0,0 +1,282 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Catppuccin Frappe */
3+
4+* {
5+ font-family: "JetBrainsMono Nerd Font";
6+ font-weight: bold;
7+ min-height: 0;
8+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+ font-size: 97%;
10+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+@import "../waybar/style/catppuccin-themes/frappe.css";
14+
15+window#waybar {
16+ transition-property: background-color;
17+ transition-duration: 0.5s;
18+ padding: 4px;
19+ border-top: 1px solid @rosewater;
20+ border-bottom: 3px solid @sapphire;
21+ background: alpha(@crust, 0.4);
22+ border-radius: 10px;
23+}
24+
25+window#waybar.hidden {
26+ opacity: 0.2;
27+}
28+
29+#taskbar button,
30+#workspaces button {
31+ box-shadow: none;
32+ text-shadow: none;
33+ padding: 4px;
34+ border-radius: 9px;
35+ animation: gradient_f 20s ease-in infinite;
36+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
37+}
38+
39+#taskbar button:hover,
40+#workspaces button:hover {
41+ border-radius: 10px;
42+ color: @overlay0;
43+ background-color: @surface0;
44+ padding-left: 2px;
45+ padding-right: 2px;
46+ animation: gradient_f 20s ease-in infinite;
47+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
48+}
49+
50+#workspaces button.persistent {
51+ color: @surface1;
52+ border-radius: 10px;
53+}
54+
55+#taskbar button.active,
56+#workspaces button.active {
57+ color: @peach;
58+ border-radius: 10px;
59+ padding-left: 8px;
60+ padding-right: 8px;
61+ animation: gradient_f 20s ease-in infinite;
62+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
63+}
64+
65+#workspaces button.urgent {
66+ color: @red;
67+ border-radius: 0px;
68+}
69+
70+#backlight,
71+#backlight-slider,
72+#battery,
73+#bluetooth,
74+#clock,
75+#cpu,
76+#disk,
77+#idle_inhibitor,
78+#keyboard-state,
79+#memory,
80+#mode,
81+#mpris,
82+#network,
83+#power-profiles-daemon,
84+#pulseaudio,
85+#pulseaudio-slider,
86+#taskbar button,
87+#taskbar,
88+#temperature,
89+#tray,
90+#window,
91+#wireplumber,
92+#workspaces,
93+#custom-backlight,
94+#custom-browser,
95+#custom-cava_mviz,
96+#custom-cycle_wall,
97+#custom-dot_update,
98+#custom-file_manager,
99+#custom-keybinds,
100+#custom-keyboard,
101+#custom-light_dark,
102+#custom-lock,
103+#custom-hint,
104+#custom-hypridle,
105+#custom-menu,
106+#custom-playerctl,
107+#custom-power_vertical,
108+#custom-power,
109+#custom-quit,
110+#custom-reboot,
111+#custom-settings,
112+#custom-spotify,
113+#custom-swaync,
114+#custom-tty,
115+#custom-updater,
116+#custom-weather,
117+#custom-weather.clearNight,
118+#custom-weather.cloudyFoggyDay,
119+#custom-weather.cloudyFoggyNight,
120+#custom-weather.default,
121+#custom-weather.rainyDay,
122+#custom-weather.rainyNight,
123+#custom-weather.severe,
124+#custom-weather.showyIcyDay,
125+#custom-weather.snowyIcyNight,
126+#custom-weather.sunnyDay {
127+ padding-top: 4px;
128+ padding-bottom: 4px;
129+ padding-right: 6px;
130+ padding-left: 6px;
131+}
132+
133+/*-----Indicators----*/
134+#custom-hypridle.notactive,
135+#idle_inhibitor.activated {
136+ color: #39FF14;
137+}
138+
139+#backlight {
140+ color: @blue;
141+}
142+
143+#battery {
144+ color: @green;
145+}
146+
147+@keyframes blink {
148+ to {
149+ color: @surface0;
150+ }
151+}
152+
153+#battery.critical:not(.charging) {
154+ background-color: @red;
155+ color: @theme_text_color;
156+ animation-name: blink;
157+ animation-duration: 3.0s;
158+ animation-timing-function: steps(12);
159+ animation-iteration-count: infinite;
160+ animation-direction: alternate;
161+ box-shadow: inset 0 -3px transparent;
162+}
163+
164+#bluetooth {
165+ color: @blue;
166+}
167+
168+#clock {
169+ color: @yellow;
170+}
171+
172+#cpu {
173+ color: @green;
174+}
175+
176+#custom-keyboard,
177+#memory {
178+ color: @sky;
179+}
180+
181+#disk {
182+ color: @sapphire;
183+}
184+
185+#temperature {
186+ color: @teal;
187+}
188+
189+#temperature.critical {
190+ background-color: @red;
191+}
192+
193+#tray > .passive {
194+ -gtk-icon-effect: dim;
195+}
196+#tray > .needs-attention {
197+ -gtk-icon-effect: highlight;
198+}
199+
200+#keyboard-state {
201+ color: @flamingo;
202+}
203+
204+#custom-cava_mviz {
205+ color: @pink;
206+}
207+
208+#custom-menu {
209+ color: @rosewater;
210+}
211+
212+#custom-power {
213+ color: @red;
214+}
215+
216+#custom-updater {
217+ color: @red;
218+}
219+
220+#custom-light_dark {
221+ color: @blue;
222+}
223+
224+#custom-weather {
225+ color: @lavender;
226+}
227+
228+#custom-lock {
229+ color: @maroon;
230+}
231+
232+#pulseaudio {
233+ color: @sapphire;
234+}
235+
236+#pulseaudio.bluetooth {
237+ color: @pink;
238+}
239+#pulseaudio.muted {
240+ color: @red;
241+}
242+
243+#window {
244+ color: @mauve;
245+}
246+
247+#mpris {
248+ color:@lavender;
249+}
250+
251+#network {
252+ color: @teal;
253+}
254+
255+#network.disconnected,
256+#network.disabled {
257+ background-color: @surface0;
258+ color: @text;
259+}
260+
261+#backlight-slider slider,
262+#pulseaudio-slider slider {
263+ min-width: 0px;
264+ min-height: 0px;
265+ opacity: 0;
266+ background-image: none;
267+ border: none;
268+ box-shadow: none;
269+}
270+
271+#backlight-slider trough,
272+#pulseaudio-slider trough {
273+ min-width: 80px;
274+ min-height: 5px;
275+ border-radius: 5px;
276+}
277+
278+#backlight-slider highlight,
279+#pulseaudio-slider highlight {
280+ min-height: 10px;
281+ border-radius: 5px;
282+}
+281-0style/[Catppuccin] Latte.css
@@ -0,0 +1,281 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Catppuccin Latte */
3+
4+* {
5+font-family: "JetBrainsMono Nerd Font";
6+font-weight: bold;
7+min-height: 0;
8+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+font-size: 97%;
10+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+@import "../waybar/style/catppuccin-themes/latte.css";
14+
15+window#waybar {
16+ transition-property: background-color;
17+ transition-duration: 0.5s;
18+ border-top: 1px solid @flamingo;
19+ border-bottom: 3px solid @lavender;
20+ background: alpha(@overlay0, 0.3);
21+ border-radius: 10px;
22+}
23+
24+window#waybar.hidden {
25+ opacity: 0.2;
26+}
27+
28+#taskbar button,
29+#workspaces button {
30+ box-shadow: none;
31+ text-shadow: none;
32+ padding: 4px;
33+ border-radius: 9px;
34+ animation: gradient_f 20s ease-in infinite;
35+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
36+}
37+
38+#taskbar button:hover,
39+#workspaces button:hover {
40+ border-radius: 10px;
41+ color: @overlay0;
42+ background-color: @surface0;
43+ padding-left: 2px;
44+ padding-right: 2px;
45+ animation: gradient_f 20s ease-in infinite;
46+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
47+}
48+
49+#workspaces button.persistent {
50+ color: @surface1;
51+ border-radius: 10px;
52+}
53+
54+#taskbar button.active,
55+#workspaces button.active {
56+ color: @peach;
57+ border-radius: 10px;
58+ padding-left: 8px;
59+ padding-right: 8px;
60+ animation: gradient_f 20s ease-in infinite;
61+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
62+}
63+
64+#workspaces button.urgent {
65+ color: @red;
66+ border-radius: 0px;
67+}
68+
69+#backlight,
70+#backlight-slider,
71+#battery,
72+#bluetooth,
73+#clock,
74+#cpu,
75+#disk,
76+#idle_inhibitor,
77+#keyboard-state,
78+#memory,
79+#mode,
80+#mpris,
81+#network,
82+#power-profiles-daemon,
83+#pulseaudio,
84+#pulseaudio-slider,
85+#taskbar button,
86+#taskbar,
87+#temperature,
88+#tray,
89+#window,
90+#wireplumber,
91+#workspaces,
92+#custom-backlight,
93+#custom-browser,
94+#custom-cava_mviz,
95+#custom-cycle_wall,
96+#custom-dot_update,
97+#custom-file_manager,
98+#custom-keybinds,
99+#custom-keyboard,
100+#custom-light_dark,
101+#custom-lock,
102+#custom-hint,
103+#custom-hypridle,
104+#custom-menu,
105+#custom-playerctl,
106+#custom-power_vertical,
107+#custom-power,
108+#custom-quit,
109+#custom-reboot,
110+#custom-settings,
111+#custom-spotify,
112+#custom-swaync,
113+#custom-tty,
114+#custom-updater,
115+#custom-weather,
116+#custom-weather.clearNight,
117+#custom-weather.cloudyFoggyDay,
118+#custom-weather.cloudyFoggyNight,
119+#custom-weather.default,
120+#custom-weather.rainyDay,
121+#custom-weather.rainyNight,
122+#custom-weather.severe,
123+#custom-weather.showyIcyDay,
124+#custom-weather.snowyIcyNight,
125+#custom-weather.sunnyDay {
126+ padding-top: 4px;
127+ padding-bottom: 4px;
128+ padding-right: 6px;
129+ padding-left: 6px;
130+}
131+
132+/*-----Indicators----*/
133+#custom-hypridle.notactive,
134+#idle_inhibitor.activated {
135+ color: #39FF14;
136+}
137+
138+#backlight {
139+ color: @blue;
140+}
141+
142+#battery {
143+ color: @green;
144+}
145+
146+@keyframes blink {
147+ to {
148+ color: @surface0;
149+ }
150+}
151+
152+#battery.critical:not(.charging) {
153+ background-color: @red;
154+ color: @theme_text_color;
155+ animation-name: blink;
156+ animation-duration: 3.0s;
157+ animation-timing-function: steps(12);
158+ animation-iteration-count: infinite;
159+ animation-direction: alternate;
160+ box-shadow: inset 0 -3px transparent;
161+}
162+
163+#bluetooth {
164+ color: @blue;
165+}
166+
167+#clock {
168+ color: @yellow;
169+}
170+
171+#cpu {
172+ color: @green;
173+}
174+
175+#custom-keyboard,
176+#memory {
177+ color: @sky;
178+}
179+
180+#disk {
181+ color: @sapphire;
182+}
183+
184+#temperature {
185+ color: @teal;
186+}
187+
188+#temperature.critical {
189+ background-color: @red;
190+}
191+
192+#tray > .passive {
193+ -gtk-icon-effect: dim;
194+}
195+#tray > .needs-attention {
196+ -gtk-icon-effect: highlight;
197+}
198+
199+#keyboard-state {
200+ color: @flamingo;
201+}
202+
203+#custom-cava_mviz {
204+ color: @pink;
205+}
206+
207+#custom-menu {
208+ color: @rosewater;
209+}
210+
211+#custom-power {
212+ color: @red;
213+}
214+
215+#custom-updater {
216+ color: @red;
217+}
218+
219+#custom-light_dark {
220+ color: @blue;
221+}
222+
223+#custom-weather {
224+ color: @lavender;
225+}
226+
227+#custom-lock {
228+ color: @maroon;
229+}
230+
231+#pulseaudio {
232+ color: @sapphire;
233+}
234+
235+#pulseaudio.bluetooth {
236+ color: @pink;
237+}
238+#pulseaudio.muted {
239+ color: @red;
240+}
241+
242+#window {
243+ color: @mauve;
244+}
245+
246+#mpris {
247+ color:@lavender;
248+}
249+
250+#network {
251+ color: @teal;
252+}
253+
254+#network.disconnected,
255+#network.disabled {
256+ background-color: @surface0;
257+ color: @text;
258+}
259+
260+#backlight-slider slider,
261+#pulseaudio-slider slider {
262+ min-width: 0px;
263+ min-height: 0px;
264+ opacity: 0;
265+ background-image: none;
266+ border: none;
267+ box-shadow: none;
268+}
269+
270+#backlight-slider trough,
271+#pulseaudio-slider trough {
272+ min-width: 80px;
273+ min-height: 5px;
274+ border-radius: 5px;
275+}
276+
277+#backlight-slider highlight,
278+#pulseaudio-slider highlight {
279+ min-height: 10px;
280+ border-radius: 5px;
281+}
+299-0style/[Catppuccin] Mocha.css
@@ -0,0 +1,299 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Catppuccin Mocha */
3+
4+* {
5+ font-family: "JetBrainsMono Nerd Font";
6+ font-weight: bold;
7+ min-height: 0;
8+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+ font-size: 97%;
10+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+@import "../waybar/style/catppuccin-themes/mocha.css";
14+
15+window#waybar {
16+ transition-property: background-color;
17+ transition-duration: 0.5s;
18+ background: transparent;
19+ border-radius: 10px;
20+}
21+
22+window#waybar.hidden {
23+ opacity: 0.2;
24+}
25+
26+window#waybar.empty,
27+window#waybar.empty #window {
28+ background-color: transparent;
29+ padding: 0px;
30+ border: 0px;
31+}
32+
33+#taskbar button,
34+#workspaces button {
35+ color: @overlay1;
36+ box-shadow: none;
37+ text-shadow: none;
38+ padding: 0px;
39+ border-radius: 9px;
40+ padding-left: 4px;
41+ padding-right: 4px;
42+ animation: gradient_f 20s ease-in infinite;
43+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
44+}
45+
46+#taskbar button:hover,
47+#workspaces button:hover {
48+ border-radius: 10px;
49+ color: @peach;
50+ background-color: @surface0;
51+ padding-left: 2px;
52+ padding-right: 2px;
53+ animation: gradient_f 20s ease-in infinite;
54+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
55+}
56+
57+#workspaces button.persistent {
58+ color: @surface1;
59+ border-radius: 10px;
60+}
61+
62+#taskbar button.active,
63+#workspaces button.active {
64+ color: @mauve;
65+ border-radius: 10px;
66+ padding-left: 8px;
67+ padding-right: 8px;
68+ animation: gradient_f 20s ease-in infinite;
69+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
70+}
71+
72+#workspaces button.urgent {
73+ color: @red;
74+ border-radius: 0px;
75+}
76+
77+/* This section can be use if you want to separate waybar modules */
78+.modules-left, .modules-center, .modules-right {
79+ background: @theme_base_color;
80+ border: 0.5px solid @overlay0;
81+ padding-top: 2px;
82+ padding-bottom: 2px;
83+ padding-right: 4px;
84+ padding-left: 4px;
85+ border-radius: 10px;
86+}
87+
88+.modules-left, .modules-right {
89+ border: 1px solid @blue;
90+}
91+
92+#backlight,
93+#backlight-slider,
94+#battery,
95+#bluetooth,
96+#clock,
97+#cpu,
98+#disk,
99+#idle_inhibitor,
100+#keyboard-state,
101+#memory,
102+#mode,
103+#mpris,
104+#network,
105+#power-profiles-daemon,
106+#pulseaudio,
107+#pulseaudio-slider,
108+#taskbar button,
109+#taskbar,
110+#temperature,
111+#tray,
112+#window,
113+#wireplumber,
114+#workspaces,
115+#custom-backlight,
116+#custom-browser,
117+#custom-cava_mviz,
118+#custom-cycle_wall,
119+#custom-dot_update,
120+#custom-file_manager,
121+#custom-keybinds,
122+#custom-keyboard,
123+#custom-light_dark,
124+#custom-lock,
125+#custom-hint,
126+#custom-hypridle,
127+#custom-menu,
128+#custom-playerctl,
129+#custom-power_vertical,
130+#custom-power,
131+#custom-quit,
132+#custom-reboot,
133+#custom-settings,
134+#custom-spotify,
135+#custom-swaync,
136+#custom-tty,
137+#custom-updater,
138+#custom-weather,
139+#custom-weather.clearNight,
140+#custom-weather.cloudyFoggyDay,
141+#custom-weather.cloudyFoggyNight,
142+#custom-weather.default,
143+#custom-weather.rainyDay,
144+#custom-weather.rainyNight,
145+#custom-weather.severe,
146+#custom-weather.showyIcyDay,
147+#custom-weather.snowyIcyNight,
148+#custom-weather.sunnyDay {
149+ padding-top: 4px;
150+ padding-bottom: 4px;
151+ padding-right: 6px;
152+ padding-left: 6px;
153+}
154+/*-----Indicators----*/
155+#custom-hypridle.notactive,
156+#idle_inhibitor.activated {
157+ color: #39FF14;
158+}
159+
160+#bluetooth,
161+#backlight {
162+ color: @blue;
163+}
164+
165+#battery {
166+ color: @green;
167+}
168+
169+@keyframes blink {
170+ to {
171+ color: @surface0;
172+ }
173+}
174+
175+#battery.critical:not(.charging) {
176+ background-color: @red;
177+ color: @theme_text_color;
178+ animation-name: blink;
179+ animation-duration: 3.0s;
180+ animation-timing-function: steps(12);
181+ animation-iteration-count: infinite;
182+ animation-direction: alternate;
183+ box-shadow: inset 0 -3px transparent;
184+}
185+
186+#clock {
187+ color: @yellow;
188+}
189+
190+#cpu {
191+ color: @green;
192+}
193+
194+#custom-keyboard,
195+#memory {
196+ color: @sky;
197+}
198+
199+#disk {
200+ color: @sapphire;
201+}
202+
203+#temperature {
204+ color: @teal;
205+}
206+
207+#temperature.critical {
208+ background-color: @red;
209+}
210+
211+#tray > .passive {
212+ -gtk-icon-effect: dim;
213+}
214+#tray > .needs-attention {
215+ -gtk-icon-effect: highlight;
216+}
217+
218+#keyboard-state {
219+ color: @flamingo;
220+}
221+
222+#custom-cava_mviz {
223+ color: @pink;
224+}
225+
226+#custom-menu {
227+ color: @rosewater;
228+}
229+
230+#custom-power {
231+ color: @red;
232+}
233+
234+#custom-updater {
235+ color: @red;
236+}
237+
238+#custom-light_dark {
239+ color: @blue;
240+}
241+
242+#custom-weather {
243+ color: @lavender;
244+}
245+
246+#custom-lock {
247+ color: @maroon;
248+}
249+
250+#pulseaudio {
251+ color: @sapphire;
252+}
253+
254+#pulseaudio.bluetooth {
255+ color: @pink;
256+}
257+#pulseaudio.muted {
258+ color: @red;
259+}
260+
261+#window {
262+ color: @mauve;
263+}
264+
265+#mpris {
266+ color:@lavender;
267+}
268+
269+#network {
270+ color: @teal;
271+}
272+#network.disconnected,
273+#network.disabled {
274+ background-color: @surface0;
275+ color: @text;
276+}
277+
278+#backlight-slider slider,
279+#pulseaudio-slider slider {
280+ min-width: 0px;
281+ min-height: 0px;
282+ opacity: 0;
283+ background-image: none;
284+ border: none;
285+ box-shadow: none;
286+}
287+
288+#backlight-slider trough,
289+#pulseaudio-slider trough {
290+ min-width: 80px;
291+ min-height: 5px;
292+ border-radius: 5px;
293+}
294+
295+#backlight-slider highlight,
296+#pulseaudio-slider highlight {
297+ min-height: 10px;
298+ border-radius: 5px;
299+}
+331-0style/[Colored] Chroma Glow.css
@@ -0,0 +1,331 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Chroma Glow */
3+
4+* {
5+ font-family: "JetBrainsMono Nerd Font";
6+ font-weight: bold;
7+ min-height: 0;
8+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+ font-size: 97%;
10+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+window#waybar {
14+ background-color: transparent;
15+ color: #ffffff;
16+ transition-property: background-color;
17+ transition-duration: .5s;
18+ border-radius: 10px;
19+}
20+
21+window#waybar.hidden {
22+ opacity: 0.1;
23+}
24+
25+window#waybar.empty,
26+window#waybar.empty #window {
27+ padding: 0px;
28+ border: 0px;
29+ background-color: transparent;
30+}
31+
32+tooltip {
33+ color: #40a02b;
34+ background: #1e1e2e;
35+ opacity: 0.8;
36+ border-radius: 10px;
37+ border-width: 2px;
38+ border-style: solid;
39+ border-color: #11111b;
40+}
41+
42+tooltip label{
43+ color: #cdd6f4;
44+}
45+
46+#taskbar button,
47+#workspaces button {
48+ background-color: transparent;
49+ color: grey;
50+ box-shadow: none;
51+ text-shadow: none;
52+ padding: 0px;
53+ border-radius: 9px;
54+ padding-left: 4px;
55+ padding-right: 4px;
56+ animation: gradient_f 20s ease-in infinite;
57+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
58+}
59+
60+#taskbar button.active,
61+#workspaces button.active {
62+ background-color: transparent;
63+ color: #D3D3D3;
64+ padding-left: 8px;
65+ padding-right: 8px;
66+ animation: gradient_f 20s ease-in infinite;
67+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
68+}
69+
70+#taskbar button:hover,
71+#workspaces button:hover {
72+ background: rgba(0, 0, 0, 0.2);
73+ color: #D3D3D3;
74+ padding-left: 2px;
75+ padding-right: 2px;
76+ animation: gradient_f 20s ease-in infinite;
77+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
78+}
79+
80+#workspaces button.focused {
81+ background-color: #bbccdd;
82+ color: #323232;
83+}
84+
85+#workspaces button.urgent {
86+ background-color: #eb4d4b;
87+}
88+
89+#mode {
90+ background-color: #64727D;
91+ border-bottom: 3px solid #ffffff;
92+}
93+
94+#backlight,
95+#backlight-slider,
96+#battery,
97+#bluetooth,
98+#clock,
99+#cpu,
100+#disk,
101+#idle_inhibitor,
102+#keyboard-state,
103+#memory,
104+#mode,
105+#mpris,
106+#network,
107+#power-profiles-daemon,
108+#pulseaudio,
109+#pulseaudio-slider,
110+#taskbar,
111+#temperature,
112+#tray,
113+#window,
114+#wireplumber,
115+#workspaces,
116+#custom-backlight,
117+#custom-browser,
118+#custom-cava_mviz,
119+#custom-cycle_wall,
120+#custom-dot_update,
121+#custom-file_manager,
122+#custom-keybinds,
123+#custom-keyboard,
124+#custom-light_dark,
125+#custom-lock,
126+#custom-hint,
127+#custom-hypridle,
128+#custom-menu,
129+#custom-playerctl,
130+#custom-power_vertical,
131+#custom-power,
132+#custom-quit,
133+#custom-reboot,
134+#custom-settings,
135+#custom-spotify,
136+#custom-swaync,
137+#custom-tty,
138+#custom-updater,
139+#custom-weather,
140+#custom-weather.clearNight,
141+#custom-weather.cloudyFoggyDay,
142+#custom-weather.cloudyFoggyNight,
143+#custom-weather.default,
144+#custom-weather.rainyDay,
145+#custom-weather.rainyNight,
146+#custom-weather.severe,
147+#custom-weather.showyIcyDay,
148+#custom-weather.snowyIcyNight,
149+#custom-weather.sunnyDay {
150+ padding-top: 4px;
151+ padding-bottom: 4px;
152+ padding-right: 6px;
153+ padding-left: 6px;
154+}
155+
156+/* If workspaces is the leftmost module, omit left margin */
157+.modules-left > widget:first-child > #workspaces {
158+}
159+
160+/* If workspaces is the rightmost module, omit right margin */
161+.modules-right > widget:last-child > #workspaces {
162+}
163+
164+#clock {
165+ color: #fe640b;
166+}
167+
168+#custom-updater {
169+ color: #7287fd;
170+}
171+
172+#battery {
173+ color: #32CD32;
174+}
175+
176+/* #battery.charging {
177+ color: #ffffff;
178+ background-color: #26A65B;
179+} */
180+
181+@keyframes blink {
182+ to {
183+ background-color: #ffffff;
184+ color: #333333;
185+ }
186+}
187+
188+#battery.critical:not(.charging) {
189+ color: #f53c3c;
190+ animation-name: blink;
191+ animation-duration: 3.0s;
192+ animation-timing-function: steps(12);
193+ animation-iteration-count: infinite;
194+ animation-direction: alternate;
195+}
196+
197+label:focus {
198+ background-color: #000000;
199+}
200+
201+#custom-keyboard,
202+#custom-menu{
203+ color: yellow;
204+ /*padding: 3px;*/
205+}
206+
207+#cpu {
208+ color: blue;
209+}
210+
211+#memory {
212+ color: green;
213+}
214+
215+#custom-light_dark,
216+#backlight {
217+ color: white;
218+}
219+
220+#bluetooth {
221+ color: blue;
222+}
223+
224+#network {
225+ color: #dd7878;
226+}
227+
228+#network.disconnected {
229+ color: #df3320;
230+}
231+
232+#custom-swaync,
233+#custom-keybinds {
234+ color: #1e66f5;
235+}
236+
237+#wireplumber,
238+#pulseaudio {
239+ color: green;
240+}
241+
242+#wireplumber.muted,
243+#pulseaudio.muted {
244+ color: grey;
245+}
246+
247+#custom-power {
248+ color: red;
249+}
250+
251+#keyboard-state {
252+ color: #dd7878;
253+}
254+
255+#disk {
256+ color: brown;
257+}
258+
259+#custom-weather {
260+ color: #df8e1d;
261+}
262+
263+#custom-lock {
264+ color: #ffa000;
265+}
266+
267+#temperature {
268+ color: #FF5349;
269+}
270+
271+#temperature.critical {
272+ background-color: #ff0000;
273+}
274+
275+#tray {
276+ /* background-color: #505050; */
277+}
278+
279+/*-----Indicators----*/
280+#custom-hypridle.notactive,
281+#idle_inhibitor.activated {
282+ color: #39FF14;
283+}
284+
285+#mpd {
286+ color: #2a5c45;
287+}
288+
289+#mpd.disconnected {
290+ background-color: #f53c3c;
291+}
292+
293+#mpd.stopped {
294+ background-color: #90b1b1;
295+}
296+
297+#mpd.paused {
298+ background-color: #51a37a;
299+}
300+
301+#custom-language {
302+ color: #7da6ff;
303+ min-width: 16px;
304+}
305+
306+#custom-separator {
307+ color: #606060;
308+}
309+
310+#backlight-slider slider,
311+#pulseaudio-slider slider {
312+ min-width: 0px;
313+ min-height: 0px;
314+ opacity: 0;
315+ background-image: none;
316+ border: none;
317+ box-shadow: none;
318+}
319+
320+#backlight-slider trough,
321+#pulseaudio-slider trough {
322+ min-width: 80px;
323+ min-height: 5px;
324+ border-radius: 5px;
325+}
326+
327+#backlight-slider highlight,
328+#pulseaudio-slider highlight {
329+ min-height: 10px;
330+ border-radius: 5px;
331+}
+347-0style/[Colored] Translucent.css
@@ -0,0 +1,347 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Translucent */
3+
4+@define-color critical #ff0000; /* critical color */
5+@define-color warning #f3f809; /* warning color */
6+@define-color fgcolor #ffffff; /* foreground color */
7+@define-color bgcolor #303030; /* background color */
8+@define-color bgcolor #222436; /* background color */
9+@define-color alert #df3320;
10+
11+@define-color accent1 #ff7a93;
12+@define-color accent2 #b9f27c;
13+@define-color accent3 #ff9e64;
14+@define-color accent4 #bb9af7;
15+@define-color accent5 #7da6ff;
16+@define-color accent6 #0db9d7;
17+
18+* {
19+font-family: "JetBrainsMono Nerd Font";
20+font-weight: bold;
21+min-height: 0;
22+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
23+font-size: 97%;
24+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
25+}
26+
27+window#waybar {
28+ background-color: rgba(0,0,0,0.3);
29+ color: #ffffff;
30+ transition-property: background-color;
31+ transition-duration: .5s;
32+ border-radius: 10px;
33+}
34+
35+window#waybar.hidden {
36+ opacity: 0.1;
37+}
38+
39+tooltip {
40+ background: #1e1e2e;
41+ opacity: 0.6;
42+ border-radius: 10px;
43+ border-width: 2px;
44+ border-style: solid;
45+ border-color: #11111b;
46+}
47+
48+#taskbar button,
49+#workspaces button {
50+ background-color: transparent;
51+ color: #ffffff;
52+ box-shadow: none;
53+ text-shadow: none;
54+ padding: 4px;
55+ border-radius: 9px;
56+ animation: gradient_f 20s ease-in infinite;
57+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
58+}
59+
60+#taskbar button.active,
61+#workspaces button.active {
62+ background-color: transparent;
63+ color: @accent1;
64+ padding-left: 8px;
65+ padding-right: 8px;
66+ animation: gradient_f 20s ease-in infinite;
67+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
68+}
69+
70+#taskbar button:hover,
71+#workspaces button:hover {
72+ background: rgba(0, 0, 0, 0.2);
73+ color: @accent3;
74+ padding-left: 2px;
75+ padding-right: 2px;
76+ animation: gradient_f 20s ease-in infinite;
77+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
78+}
79+
80+#workspaces button.focused {
81+ background-color: #bbccdd;
82+ color: @accent2;
83+ /* box-shadow: inset 0 -3px #ffffff; */
84+}
85+
86+#workspaces button.urgent {
87+ background-color: #eb4d4b;
88+}
89+
90+#mode {
91+ background-color: #64727D;
92+ border-bottom: 3px solid #ffffff;
93+}
94+
95+#backlight,
96+#backlight-slider,
97+#battery,
98+#bluetooth,
99+#clock,
100+#cpu,
101+#disk,
102+#idle_inhibitor,
103+#keyboard-state,
104+#memory,
105+#mode,
106+#mpris,
107+#network,
108+#power-profiles-daemon,
109+#pulseaudio,
110+#pulseaudio-slider,
111+#taskbar,
112+#temperature,
113+#tray,
114+#window,
115+#wireplumber,
116+#workspaces,
117+#custom-backlight,
118+#custom-browser,
119+#custom-cava_mviz,
120+#custom-cycle_wall,
121+#custom-dot_update,
122+#custom-file_manager,
123+#custom-keybinds,
124+#custom-keyboard,
125+#custom-light_dark,
126+#custom-lock,
127+#custom-hint,
128+#custom-hypridle,
129+#custom-menu,
130+#custom-playerctl,
131+#custom-power_vertical,
132+#custom-power,
133+#custom-quit,
134+#custom-reboot,
135+#custom-settings,
136+#custom-spotify,
137+#custom-swaync,
138+#custom-tty,
139+#custom-updater,
140+#custom-weather,
141+#custom-weather.clearNight,
142+#custom-weather.cloudyFoggyDay,
143+#custom-weather.cloudyFoggyNight,
144+#custom-weather.default,
145+#custom-weather.rainyDay,
146+#custom-weather.rainyNight,
147+#custom-weather.severe,
148+#custom-weather.showyIcyDay,
149+#custom-weather.snowyIcyNight,
150+#custom-weather.sunnyDay {
151+ padding-top: 4px;
152+ padding-bottom: 4px;
153+ padding-right: 6px;
154+ padding-left: 6px;
155+}
156+
157+/* If workspaces is the leftmost module, omit left margin */
158+.modules-left > widget:first-child > #workspaces {
159+}
160+
161+/* If workspaces is the rightmost module, omit right margin */
162+.modules-right > widget:last-child > #workspaces {
163+}
164+
165+#clock {
166+ color: @accent2;
167+}
168+
169+#custom-updater {
170+ color: #7287fd;
171+}
172+
173+#battery {
174+ color: @accent5;
175+}
176+
177+/* #battery.charging {
178+ color: #ffffff;
179+ background-color: #26A65B;
180+} */
181+
182+@keyframes blink {
183+ to {
184+ background-color: #ffffff;
185+ color: #333333;
186+ }
187+}
188+
189+#battery.critical:not(.charging) {
190+ color: @critical;
191+ animation-name: blink;
192+ animation-duration: 3.0s;
193+ animation-timing-function: steps(12);
194+ animation-iteration-count: infinite;
195+ animation-direction: alternate;
196+}
197+
198+label:focus {
199+ background-color: #000000;
200+}
201+
202+#custom-menu{
203+ color: #FFFFFF;
204+ /*padding: 3px;*/
205+}
206+
207+#custom-keyboard,
208+#cpu {
209+ color: @accent1;
210+}
211+
212+#memory {
213+ color: @accent3;
214+}
215+
216+#backlight {
217+ color: #cdd6f4;
218+}
219+
220+#bluetooth {
221+ color: #1e66f5;
222+}
223+
224+#network {
225+ color: @accent3;
226+}
227+
228+#network.disconnected {
229+ color: @alert;
230+}
231+
232+#pulseaudio {
233+ color: @accent4;
234+}
235+
236+#pulseaudio-muted {
237+ color: @accent2;
238+}
239+#wireplumber {
240+ color: @accent4;
241+}
242+
243+#wireplumber-muted {
244+ color: @accent2;
245+}
246+
247+#pluseaudio-source-muted{
248+ color: #a0a0a0;
249+}
250+
251+#custom-power {
252+ color: #cc3436;
253+}
254+
255+#disk {
256+ color: @accent5;
257+}
258+#custom-power_profile {
259+ color: @accent3;
260+}
261+#custom-media {
262+ background-color: #66cc99;
263+ color: #2a5c45;
264+ min-width: 100px;
265+}
266+
267+#custom-weather {
268+ color: #66cc99;
269+}
270+
271+#custom-lock {
272+ color: #ffa000;
273+}
274+
275+#keyboard-state,
276+#temperature {
277+ color: @accent6;
278+ /* background-color: #f0932b; */
279+}
280+
281+#temperature.critical {
282+ background-color: @critical;
283+}
284+
285+#tray {
286+ /* background-color: #505050; */
287+}
288+
289+#custom-hypridle,
290+#idle_inhibitor {
291+ color: #f9e2af;
292+ /*background-color: #2d3436;*/
293+}
294+
295+/*-----Indicators----*/
296+#custom-hypridle.notactive,
297+#idle_inhibitor.activated {
298+ color: #39FF14;
299+}
300+
301+#mpd {
302+ color: #2a5c45;
303+}
304+
305+#mpd.disconnected {
306+ background-color: #f53c3c;
307+}
308+
309+#mpd.stopped {
310+ background-color: #90b1b1;
311+}
312+
313+#mpd.paused {
314+ background-color: #51a37a;
315+}
316+
317+#custom-language {
318+ color: @accent5;
319+ min-width: 16px;
320+}
321+
322+#custom-separator {
323+ color: #606060;
324+}
325+
326+#backlight-slider slider,
327+#pulseaudio-slider slider {
328+ min-width: 0px;
329+ min-height: 0px;
330+ opacity: 0;
331+ background-image: none;
332+ border: none;
333+ box-shadow: none;
334+}
335+
336+#backlight-slider trough,
337+#pulseaudio-slider trough {
338+ min-width: 80px;
339+ min-height: 5px;
340+ border-radius: 5px;
341+}
342+
343+#backlight-slider highlight,
344+#pulseaudio-slider highlight {
345+ min-height: 10px;
346+ border-radius: 5px;
347+}
+200-0style/[Colorful] Aurora Blossom.css
@@ -0,0 +1,200 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Aurora Blossom */
3+
4+* {
5+ font-family: "JetBrainsMono Nerd Font";
6+ font-weight: bold;
7+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
8+ font-size: 97%;
9+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
10+}
11+
12+window#waybar {
13+ background: transparent;
14+}
15+
16+window#waybar.empty ,
17+window#waybar.empty #window {
18+ background-color: transparent;
19+ padding: 0px;
20+ border: 0px;
21+}
22+
23+tooltip {
24+ color: black;
25+ background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
26+ opacity: 0.8;
27+ border-radius: 10px;
28+}
29+
30+tooltip label{
31+ color: black;
32+}
33+
34+/*-----module groups----*/
35+.modules-left,
36+.modules-center,
37+.modules-right {
38+ background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
39+ color: black;
40+ border-radius: 6px;
41+ padding-top: 2px;
42+ padding-bottom: 2px;
43+ padding-right: 4px;
44+ padding-left: 4px;
45+}
46+
47+/*-----modules indv----*/
48+
49+#taskbar button,
50+#workspaces button {
51+ color: black;
52+ box-shadow: none;
53+ text-shadow: none;
54+ padding: 0px;
55+ border-radius: 9px;
56+ padding-left: 4px;
57+ padding-right: 4px;
58+ animation: gradient_f 20s ease-in infinite;
59+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
60+}
61+
62+#taskbar button:hover,
63+#workspaces button:hover {
64+ color: grey;
65+ background-color: rgba(0,153,153,0.2);
66+ padding-left: 2px;
67+ padding-right: 2px;
68+ animation: gradient_f 20s ease-in infinite;
69+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
70+}
71+
72+#taskbar button.active,
73+#workspaces button.active {
74+ color: grey;
75+ padding-left: 8px;
76+ padding-right: 8px;
77+ animation: gradient_f 20s ease-in infinite;
78+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
79+}
80+
81+#workspaces button.persistent {
82+ border-radius: 10px;
83+}
84+
85+#backlight,
86+#backlight-slider,
87+#battery,
88+#bluetooth,
89+#clock,
90+#cpu,
91+#disk,
92+#idle_inhibitor,
93+#keyboard-state,
94+#memory,
95+#mode,
96+#mpris,
97+#network,
98+#power-profiles-daemon,
99+#pulseaudio,
100+#pulseaudio-slider,
101+#taskbar button,
102+#taskbar,
103+#temperature,
104+#tray,
105+#window,
106+#wireplumber,
107+#workspaces,
108+#custom-backlight,
109+#custom-browser,
110+#custom-cava_mviz,
111+#custom-cycle_wall,
112+#custom-dot_update,
113+#custom-file_manager,
114+#custom-keybinds,
115+#custom-keyboard,
116+#custom-light_dark,
117+#custom-lock,
118+#custom-hint,
119+#custom-hypridle,
120+#custom-menu,
121+#custom-playerctl,
122+#custom-power_vertical,
123+#custom-power,
124+#custom-quit,
125+#custom-reboot,
126+#custom-settings,
127+#custom-spotify,
128+#custom-swaync,
129+#custom-tty,
130+#custom-updater,
131+#custom-weather,
132+#custom-weather.clearNight,
133+#custom-weather.cloudyFoggyDay,
134+#custom-weather.cloudyFoggyNight,
135+#custom-weather.default,
136+#custom-weather.rainyDay,
137+#custom-weather.rainyNight,
138+#custom-weather.severe,
139+#custom-weather.showyIcyDay,
140+#custom-weather.snowyIcyNight,
141+#custom-weather.sunnyDay {
142+ padding-top: 4px;
143+ padding-bottom: 4px;
144+ padding-right: 6px;
145+ padding-left: 6px;
146+}
147+#custom-power {
148+ padding: 1px 3px;
149+}
150+/*-----Indicators----*/
151+#custom-hypridle.notactive,
152+#idle_inhibitor.activated {
153+ color: #39FF14;
154+}
155+
156+#pulseaudio.muted {
157+ color: #cc3436;
158+}
159+#temperature.critical {
160+ color: #cc3436;
161+}
162+
163+@keyframes blink {
164+ to {
165+ color: #000000;
166+ }
167+}
168+
169+#battery.critical:not(.charging) {
170+ color: #f53c3c;
171+ animation-name: blink;
172+ animation-duration: 3.0s;
173+ animation-timing-function: steps(12);
174+ animation-iteration-count: infinite;
175+ animation-direction: alternate;
176+}
177+
178+#backlight-slider slider,
179+#pulseaudio-slider slider {
180+ min-width: 0px;
181+ min-height: 0px;
182+ opacity: 0;
183+ background-image: none;
184+ border: none;
185+ box-shadow: none;
186+}
187+
188+#backlight-slider trough,
189+#pulseaudio-slider trough {
190+ background-color: #7f849c;
191+ min-width: 80px;
192+ min-height: 5px;
193+ border-radius: 5px;
194+}
195+
196+#pulseaudio-slider highlight,
197+#backlight-slider highlight {
198+ min-width: 10px;
199+ border-radius: 5px;
200+}
+208-0style/[Colorful] Aurora.css
@@ -0,0 +1,208 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Aurora */
3+
4+* {
5+font-family: "JetBrainsMono Nerd Font";
6+font-weight: bold;
7+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
8+font-size: 97%;
9+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
10+}
11+
12+window#waybar,
13+window#waybar.empty,
14+window#waybar.empty #window {
15+ background-color: transparent;
16+ padding: 0px;
17+ border: 0px;
18+}
19+
20+tooltip {
21+ color: black;
22+ background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
23+ opacity: 0.8;
24+ border-radius: 10px;
25+}
26+
27+tooltip label{
28+ color: black;
29+}
30+/*-----module groups----*/
31+.modules-left,
32+.modules-center,
33+.modules-right {
34+ padding-top: 2px;
35+ padding-bottom: 2px;
36+ padding-right: 4px;
37+ padding-left: 4px;
38+}
39+
40+/*-----modules indv----*/
41+#taskbar button,
42+#workspaces button {
43+ color: grey;
44+ box-shadow: none;
45+ text-shadow: none;
46+ padding: 0px;
47+ border-radius: 9px;
48+ padding-left: 4px;
49+ padding-right: 4px;
50+ animation: gradient_f 20s ease-in infinite;
51+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
52+}
53+#taskbar button:hover,
54+#workspaces button:hover {
55+ color: black;
56+ background-color: rgba(0,153,153,0.2);
57+ padding-left: 2px;
58+ padding-right: 2px;
59+ animation: gradient_f 20s ease-in infinite;
60+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
61+}
62+#taskbar button.active,
63+#workspaces button.active {
64+ color: black;
65+ padding-left: 8px;
66+ padding-right: 8px;
67+ animation: gradient_f 20s ease-in infinite;
68+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
69+}
70+
71+#workspaces button.persistent {
72+ border-radius: 10px;
73+}
74+
75+#backlight,
76+#backlight-slider,
77+#battery,
78+#bluetooth,
79+#clock,
80+#cpu,
81+#disk,
82+#idle_inhibitor,
83+#keyboard-state,
84+#memory,
85+#mode,
86+#mpris,
87+#network,
88+#power-profiles-daemon,
89+#pulseaudio,
90+#pulseaudio-slider,
91+#taskbar,
92+#temperature,
93+#tray,
94+#window,
95+#wireplumber,
96+#workspaces,
97+#custom-backlight,
98+#custom-browser,
99+#custom-cava_mviz,
100+#custom-cycle_wall,
101+#custom-dot_update,
102+#custom-file_manager,
103+#custom-keybinds,
104+#custom-keyboard,
105+#custom-light_dark,
106+#custom-lock,
107+#custom-hint,
108+#custom-hypridle,
109+#custom-menu,
110+#custom-playerctl,
111+#custom-power_vertical,
112+#custom-power,
113+#custom-quit,
114+#custom-reboot,
115+#custom-settings,
116+#custom-spotify,
117+#custom-swaync,
118+#custom-tty,
119+#custom-updater,
120+#custom-weather,
121+#custom-weather.clearNight,
122+#custom-weather.cloudyFoggyDay,
123+#custom-weather.cloudyFoggyNight,
124+#custom-weather.default,
125+#custom-weather.rainyDay,
126+#custom-weather.rainyNight,
127+#custom-weather.severe,
128+#custom-weather.showyIcyDay,
129+#custom-weather.snowyIcyNight,
130+#custom-weather.sunnyDay {
131+ background-image: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
132+ color: black;
133+ border: 1px;
134+ border-style: solid;
135+ border-radius: 6px;
136+ padding-top: 4px;
137+ padding-bottom: 4px;
138+ padding-right: 6px;
139+ padding-left: 6px;
140+}
141+#backlight {
142+ padding-right: 2px;
143+}
144+#custom-power {
145+ padding-left: 10px;
146+ padding-right: 2px;
147+}
148+#custom-menu {
149+ padding-right: 8px;
150+}
151+#custom-cycle_wall {
152+ padding-right: 2px;
153+}
154+#network {
155+ padding-right: 12px;
156+}
157+/*-----Indicators----*/
158+#custom-hypridle.notactive,
159+#idle_inhibitor.activated {
160+ color: #39FF14;
161+}
162+
163+#pulseaudio.muted {
164+ color: #cc3436;
165+}
166+#temperature.critical {
167+ background: red;
168+ color: black;
169+}
170+
171+@keyframes blink {
172+ to {
173+ color: #000000;
174+ }
175+}
176+
177+#battery.critical:not(.charging) {
178+ color: #f53c3c;
179+ animation-name: blink;
180+ animation-duration: 3.0s;
181+ animation-timing-function: steps(12);
182+ animation-iteration-count: infinite;
183+ animation-direction: alternate;
184+}
185+
186+#backlight-slider slider,
187+#pulseaudio-slider slider {
188+ min-width: 0px;
189+ min-height: 0px;
190+ opacity: 0;
191+ background-image: none;
192+ border: none;
193+ box-shadow: none;
194+}
195+
196+#backlight-slider trough,
197+#pulseaudio-slider trough {
198+ background-color: #7f849c;
199+ min-width: 80px;
200+ min-height: 5px;
201+ border-radius: 5px;
202+}
203+
204+#backlight-slider highlight,
205+#pulseaudio-slider highlight {
206+ min-height: 10px;
207+ border-radius: 5px;
208+}
+414-0style/[Colorful] Oglo Chicklets.css
@@ -0,0 +1,414 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Oglo Chicklets */
3+
4+* {
5+ font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
6+ font-size: 97%;
7+ font-weight: bold;
8+}
9+
10+window#waybar {
11+ background-color: #232a2e;
12+ border-bottom: 8px solid #1d2327;
13+ color: #d3c6aa;
14+ transition-property: background-color;
15+ transition-duration: .5s;
16+}
17+
18+window#waybar.hidden {
19+ opacity: 0.2;
20+}
21+
22+/*
23+window#waybar.empty {
24+ background-color: transparent;
25+}
26+window#waybar.solo {
27+ background-color: #FFFFFF;
28+}
29+*/
30+
31+button {
32+ all: unset;
33+ background-color: #778f52;
34+ color: #2d353b;
35+ border: none;
36+ border-bottom: 8px solid #5d743e;
37+ border-radius: 5px;
38+ padding-left: 15px;
39+ padding-right: 15px;
40+ transition: transform 0.1s ease-in-out;
41+}
42+
43+button:hover {
44+ background: inherit;
45+ background-color: #92ab6c;
46+ border-bottom: 8px solid #788f57;
47+}
48+
49+button.active {
50+ background: inherit;
51+ background-color: #a5be7e;
52+ border-bottom: 8px solid #8aa168;
53+}
54+
55+#mode {
56+ background-color: #64727D;
57+ border-bottom: 3px solid #ffffff;
58+}
59+
60+#backlight,
61+#backlight-slider,
62+#battery,
63+#bluetooth,
64+#clock,
65+#cpu,
66+#disk,
67+#idle_inhibitor,
68+#keyboard-state,
69+#memory,
70+#mode,
71+#mpris,
72+#network,
73+#power-profiles-daemon,
74+#pulseaudio,
75+#pulseaudio-slider,
76+#taskbar,
77+#temperature,
78+#tray,
79+#window,
80+#wireplumber,
81+#workspaces,
82+#custom-backlight,
83+#custom-browser,
84+#custom-cava_mviz,
85+#custom-cycle_wall,
86+#custom-dot_update,
87+#custom-file_manager,
88+#custom-keybinds,
89+#custom-keyboard,
90+#custom-light_dark,
91+#custom-lock,
92+#custom-hint,
93+#custom-hypridle,
94+#custom-menu,
95+#custom-playerctl,
96+#custom-power_vertical,
97+#custom-power,
98+#custom-quit,
99+#custom-reboot,
100+#custom-settings,
101+#custom-spotify,
102+#custom-swaync,
103+#custom-tty,
104+#custom-updater,
105+#custom-weather,
106+#custom-weather.clearNight,
107+#custom-weather.cloudyFoggyDay,
108+#custom-weather.cloudyFoggyNight,
109+#custom-weather.default,
110+#custom-weather.rainyDay,
111+#custom-weather.rainyNight,
112+#custom-weather.severe,
113+#custom-weather.showyIcyDay,
114+#custom-weather.snowyIcyNight,
115+#custom-weather.sunnyDay{
116+ color: #ffffff;
117+ padding-top: 2px;
118+ padding-bottom: 2px;
119+ border-radius: 5px;
120+ padding-left: 5px;
121+ padding-right: 5px;
122+}
123+
124+#window,
125+#workspaces {
126+ margin: 0 4px;
127+}
128+
129+/* If workspaces is the leftmost module, omit left margin */
130+.modules-left > widget:first-child > #workspaces {
131+ margin-left: 0;
132+}
133+
134+/* If workspaces is the rightmost module, omit right margin */
135+.modules-right > widget:last-child > #workspaces {
136+ margin-right: 0;
137+}
138+
139+#window {
140+ background-color: #343f44;
141+ color: #d3c6aa;
142+ border-bottom: 8px solid #2b3539;
143+}
144+
145+#custom-swaync {
146+ background-color: #778f52;
147+ color: #2d353b;
148+ border-bottom: 8px solid #5d743e;
149+}
150+
151+#custom-menu {
152+ background-color: #778f52;
153+ color: #2d353b;
154+ border-bottom: 8px solid #5d743e;
155+}
156+
157+#custom-power {
158+ background-color: #ee606a;
159+ color: #2d353b;
160+ border-bottom: 8px solid #ca4853;
161+ padding-left: 10px;
162+}
163+
164+#custom-power_vertical{
165+ background-color: #ee606a;
166+ color: #2d353b;
167+ border-bottom: 8px solid #ca4853;
168+}
169+
170+#clock {
171+ background-color: #96a84c;
172+ color: #2d353b;
173+ border-bottom: 8px solid #7a8c37;
174+}
175+
176+#battery {
177+ background-color: #3a998f;
178+ color: #2d353b;
179+ border-bottom: 8px solid #227d74;
180+}
181+
182+@keyframes blink {
183+ to {
184+ background-color: #ffffff;
185+ color: #000000;
186+ }
187+}
188+
189+#battery.critical:not(.charging) {
190+ background-color: #ee606a;
191+ color: #2d353b;
192+ border-bottom: 8px solid #ca4853;
193+ animation-name: blink;
194+ animation-duration: 3.0s;
195+ animation-timing-function: steps(12);
196+ animation-iteration-count: infinite;
197+ animation-direction: alternate;
198+}
199+
200+label:focus {
201+ background-color: #000000;
202+}
203+
204+#cpu {
205+ background-color: #778f52;
206+ color: #2d353b;
207+ border-bottom: 8px solid #5d743e;
208+}
209+
210+#memory {
211+ background-color: #d980ad;
212+ color: #2d353b;
213+ border-bottom: 8px solid #b86790;
214+}
215+
216+#disk {
217+ background-color: #964B00;
218+ border-bottom: 8px solid #793300;
219+}
220+
221+#custom-lock,
222+#custom-light_dark,
223+#backlight {
224+ background-color: #64b6ac;
225+ color: #2d353b;
226+ border-bottom: 8px solid #4f9990;
227+ padding-left: 10px;
228+}
229+
230+#network {
231+ background-color: #2980b9;
232+}
233+
234+#network.disconnected {
235+ background-color: #f53c3c;
236+}
237+
238+#pulseaudio {
239+ background-color: #d8ac47;
240+ color: #2d353b;
241+ border-bottom: 8px solid #b78f30;
242+}
243+
244+#pulseaudio.muted {
245+ background-color: #90b1b1;
246+ color: #2a5c45;
247+}
248+
249+#wireplumber {
250+ background-color: #fff0f5;
251+ color: #000000;
252+}
253+
254+#wireplumber.muted {
255+ background-color: #f53c3c;
256+}
257+
258+#custom-media {
259+ background-color: #66cc99;
260+ color: #2a5c45;
261+ min-width: 100px;
262+}
263+
264+#custom-media.custom-spotify {
265+ background-color: #66cc99;
266+}
267+
268+#custom-media.custom-vlc {
269+ background-color: #ffa000;
270+}
271+
272+#temperature {
273+ background-color: #f0932b;
274+ border-bottom: 8px solid #b78f30;
275+}
276+
277+#temperature.critical {
278+ background-color: #eb4d4b;
279+}
280+
281+#tray {
282+ background-color: #e67f51;
283+ color: #2d353b;;
284+ border-bottom: 8px solid #c3653b;
285+}
286+
287+#tray > .passive {
288+ -gtk-icon-effect: dim;
289+}
290+
291+#tray > .needs-attention {
292+ -gtk-icon-effect: highlight;
293+ background-color: #eb4d4b;
294+}
295+
296+#idle_inhibitor {
297+ background-color: #2d3436;
298+}
299+
300+#idle_inhibitor.activated {
301+ background-color: #ecf0f1;
302+ color: #2d3436;
303+}
304+
305+#mpd {
306+ background-color: #66cc99;
307+ color: #2a5c45;
308+}
309+
310+#mpd.disconnected {
311+ background-color: #f53c3c;
312+}
313+
314+#mpd.stopped {
315+ background-color: #90b1b1;
316+}
317+
318+#mpd.paused {
319+ background-color: #51a37a;
320+}
321+
322+#language {
323+ background: #00b093;
324+ color: #740864;
325+ min-width: 16px;
326+}
327+
328+#keyboard-state {
329+ background: #97e1ad;
330+ color: #000000;
331+ min-width: 16px;
332+ border-bottom: 8px solid #78b48a;
333+}
334+
335+#keyboard-state > label {
336+ padding: 0 5px;
337+}
338+
339+#keyboard-state > label.locked {
340+ background: rgba(0, 0, 0, 0.2);
341+}
342+
343+#scratchpad {
344+ background: rgba(0, 0, 0, 0.2);
345+}
346+
347+#scratchpad.empty {
348+ background-color: transparent;
349+}
350+
351+tooltip {
352+ background-color: #232a2e;
353+ border: none;
354+ border-bottom: 8px solid #1d2327;
355+}
356+
357+tooltip decoration {
358+ box-shadow: none;
359+}
360+
361+tooltip decoration:backdrop {
362+ box-shadow: none;
363+}
364+
365+tooltip label {
366+ color: #d3c6aa;
367+ padding-left: 5px;
368+ padding-right: 5px;
369+ padding-top: 0px;
370+ padding-bottom: 5px;
371+}
372+
373+
374+#pulseaudio-slider slider {
375+ min-width: 0px;
376+ min-height: 0px;
377+ opacity: 0;
378+ background-image: none;
379+ border: none;
380+ box-shadow: none;
381+}
382+
383+#pulseaudio-slider trough {
384+ background-color: #7f849c;
385+ min-width: 80px;
386+ min-height: 5px;
387+ border-radius: 5px;
388+}
389+
390+#pulseaudio-slider highlight {
391+ min-height: 10px;
392+ border-radius: 5px;
393+}
394+
395+#backlight-slider slider {
396+ min-width: 0px;
397+ min-height: 0px;
398+ opacity: 0;
399+ background-image: none;
400+ border: none;
401+ box-shadow: none;
402+}
403+
404+#backlight-slider trough {
405+ background-color: #7f849c;
406+ min-width: 80px;
407+ min-height: 10px;
408+ border-radius: 5px;
409+}
410+
411+#backlight-slider highlight {
412+ min-width: 10px;
413+ border-radius: 5px;
414+}
+323-0style/[Colorful] Rainbow Spectrum.css
@@ -0,0 +1,323 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Rainbow Spectrum */
3+
4+* {
5+font-family: "JetBrainsMono Nerd Font";
6+font-weight: bold;
7+min-height: 0;
8+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+font-size: 97%;
10+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+window#waybar {
14+ background-color: rgba(0,0,0,0);
15+ transition-property: background-color;
16+ transition-duration: .5s;
17+}
18+
19+window#waybar.hidden {
20+ opacity: 0.5;
21+}
22+
23+window#waybar.empty,
24+window#waybar.empty #window {
25+ padding: 0px;
26+ border: 0px;
27+ background-color: transparent;
28+}
29+
30+tooltip {
31+ background: #1e1e2e;
32+ opacity: 0.8;
33+ border-radius: 10px;
34+ border-width: 2px;
35+ border-style: solid;
36+ border-color: #11111b;
37+}
38+
39+tooltip label{
40+ color: #cdd6f4;
41+}
42+
43+#taskbar button,
44+#workspaces button {
45+ background-color: #d9e0ee;
46+ color: #3A3B3C;
47+ box-shadow: none;
48+ text-shadow: none;
49+ padding: 0px;
50+ border-radius: 9px;
51+ padding-left: 4px;
52+ padding-right: 4px;
53+ animation: gradient_f 20s ease-in infinite;
54+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
55+}
56+
57+#taskbar button.active,
58+#workspaces button.active {
59+ background-color: #eba0ac;
60+ color: #3A3B3C;
61+ padding-left: 8px;
62+ padding-right: 8px;
63+ animation: gradient_f 20s ease-in infinite;
64+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
65+}
66+
67+#taskbar button:hover,
68+#workspaces button:hover {
69+ background: #eb6f92;
70+ color: #f6c177;
71+ padding-left: 3px;
72+ padding-right: 3px;
73+ animation: gradient_f 20s ease-in infinite;
74+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
75+}
76+
77+#backlight,
78+#backlight-slider,
79+#battery,
80+#bluetooth,
81+#clock,
82+#cpu,
83+#disk,
84+#idle_inhibitor,
85+#keyboard-state,
86+#memory,
87+#mode,
88+#mpris,
89+#network,
90+#power-profiles-daemon,
91+#pulseaudio,
92+#pulseaudio-slider,
93+#taskbar button,
94+#taskbar,
95+#temperature,
96+#tray,
97+#window,
98+#wireplumber,
99+#workspaces,
100+#custom-backlight,
101+#custom-browser,
102+#custom-cava_mviz,
103+#custom-cycle_wall,
104+#custom-dot_update,
105+#custom-file_manager,
106+#custom-keybinds,
107+#custom-keyboard,
108+#custom-light_dark,
109+#custom-lock,
110+#custom-hint,
111+#custom-hypridle,
112+#custom-menu,
113+#custom-playerctl,
114+#custom-power_vertical,
115+#custom-power,
116+#custom-quit,
117+#custom-reboot,
118+#custom-settings,
119+#custom-spotify,
120+#custom-swaync,
121+#custom-tty,
122+#custom-updater,
123+#custom-weather,
124+#custom-weather.clearNight,
125+#custom-weather.cloudyFoggyDay,
126+#custom-weather.cloudyFoggyNight,
127+#custom-weather.default,
128+#custom-weather.rainyDay,
129+#custom-weather.rainyNight,
130+#custom-weather.severe,
131+#custom-weather.showyIcyDay,
132+#custom-weather.snowyIcyNight,
133+#custom-weather.sunnyDay {
134+ border-radius: 16px;
135+ color: #3A3B3C;
136+ border: 1px solid #b4befe;
137+ padding-top: 4px;
138+ padding-bottom: 4px;
139+ padding-right: 6px;
140+ padding-left: 6px;
141+}
142+
143+#backlight {
144+ background-color: #cba6f7;
145+}
146+
147+#battery {
148+ background-color: #f9e2af;
149+}
150+
151+@keyframes blink {
152+ to {
153+ color: #000000;
154+ }
155+}
156+
157+#battery.critical:not(.charging) {
158+ background-color: #f38ba8;
159+ color: #f38ba8;
160+ animation-name: blink;
161+ animation-duration: 3.0s;
162+ animation-timing-function: steps(12);
163+ animation-iteration-count: infinite;
164+ animation-direction: alternate;
165+}
166+
167+#clock {
168+ background-color: #a6e3a1;
169+}
170+
171+#mpris {
172+ background-color: #fab387;
173+ color: black;
174+}
175+#custom-keyboard,
176+#keyboard-state,
177+#keyboard-state label,
178+#keyboard-state label.locked,
179+#cpu {
180+ background-color: #89dceb;
181+}
182+
183+#memory {
184+ background-color: #eba0ac;
185+}
186+
187+#disk {
188+ background-color: #b4befe;
189+}
190+
191+#tray {
192+ background-color: #b4befe;
193+}
194+#tray > .passive {
195+ -gtk-icon-effect: dim;
196+}
197+#tray > .needs-attention {
198+ -gtk-icon-effect: highlight;
199+}
200+
201+#custom-menu {
202+ background-color: #f5c2e7;
203+ /*padding: 1px;*/
204+ padding-right: 10px;
205+ border-radius: 16px;
206+ color: #3A3B3C;
207+ border: 1px solid #b4befe;
208+}
209+
210+#custom-power {
211+ background-color: #f38ba8;
212+ padding: 0px 0px 0px 6px;
213+}
214+
215+#custom-updater {
216+ background-color: #e6ed7b;
217+}
218+
219+#custom-cava_mviz,
220+#power-profiles-daemon,
221+#custom-browser,
222+#custom-file_manager,
223+#custom-tty,
224+#custom-settings {
225+ background: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%);
226+}
227+
228+#custom-cycle_wall {
229+ background-color: #94e2d5;
230+}
231+
232+#custom-swaync,
233+#custom-weather {
234+ background-color: #cba6f7;
235+}
236+
237+#custom-reboot,
238+#wireplumber {
239+ background-color: #a6e3a1;
240+}
241+
242+#wireplumber.muted {
243+ background-color: #313244;
244+ color: #cdd6f4;
245+}
246+
247+#custom-lock {
248+ background-color: #89dceb;
249+}
250+
251+#custom-quit,
252+#temperature {
253+ background-color: #86b4fa;
254+}
255+
256+#temperature.critical {
257+ background-color: red;
258+}
259+
260+#custom-power_vertical,
261+#custom-light_dark,
262+#custom-hypridle,
263+#idle_inhibitor {
264+ background-color: #86b4fa;
265+}
266+
267+/*-----Indicators----*/
268+#custom-hypridle.notactive,
269+#idle_inhibitor.activated {
270+ color: #39FF14;
271+}
272+
273+#bluetooth {
274+ background-color: #89dceb;
275+}
276+#window {
277+ background-color: #89dceb;
278+}
279+
280+#custom-hint,
281+#pulseaudio {
282+ background-color: #fab387;
283+}
284+
285+#pulseaudio.bluetooth {
286+ background-color: #f5c2e7;
287+}
288+#pulseaudio.muted {
289+ background-color: #313244;
290+ color: #cdd6f4;
291+}
292+
293+#network {
294+ background-color: #89b4fa;
295+ padding-right: 12px;
296+}
297+#network.disconnected,#network.disabled {
298+ background-color: #313244;
299+ color: #cdd6f4;
300+}
301+
302+#backlight-slider slider,
303+#pulseaudio-slider slider {
304+ min-width: 0px;
305+ min-height: 0px;
306+ opacity: 0;
307+ background-image: none;
308+ border: none;
309+ box-shadow: none;
310+}
311+
312+#backlight-slider trough,
313+#pulseaudio-slider trough {
314+ min-width: 80px;
315+ min-height: 5px;
316+ border-radius: 5px;
317+}
318+
319+#backlight-slider highlight,
320+#pulseaudio-slider highlight {
321+ min-height: 10px;
322+ border-radius: 5px;
323+}
+206-0style/[Dark] Golden Eclipse.css
@@ -0,0 +1,206 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Golden Eclipse */
3+
4+* {
5+font-family: "JetBrainsMono Nerd Font";
6+font-weight: bold;
7+min-height: 0;
8+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+font-size: 97%;
10+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+padding: 1px;
12+}
13+
14+
15+window#waybar {
16+ transition-property: background-color;
17+ transition-duration: 0.5s;
18+ background: #000000;
19+ padding-top: 3px;
20+ padding-bottom: 3px;
21+ padding-right: 4px;
22+ padding-left: 4px;
23+ border-radius: 12px;
24+}
25+
26+window#waybar.hidden {
27+ opacity: 0.2;
28+}
29+
30+#waybar.empty #window {
31+ background: none;
32+}
33+
34+#backlight,
35+#backlight-slider,
36+#battery,
37+#bluetooth,
38+#clock,
39+#cpu,
40+#disk,
41+#idle_inhibitor,
42+#keyboard-state,
43+#memory,
44+#mode,
45+#mpris,
46+#network,
47+#power-profiles-daemon,
48+#pulseaudio,
49+#pulseaudio-slider,
50+#taskbar,
51+#temperature,
52+#tray,
53+#window,
54+#wireplumber,
55+#workspaces,
56+#custom-backlight,
57+#custom-browser,
58+#custom-cava_mviz,
59+#custom-cycle_wall,
60+#custom-dot_update,
61+#custom-file_manager,
62+#custom-keybinds,
63+#custom-keyboard,
64+#custom-light_dark,
65+#custom-lock,
66+#custom-hint,
67+#custom-hypridle,
68+#custom-menu,
69+#custom-power_vertical,
70+#custom-power,
71+#custom-quit,
72+#custom-reboot,
73+#custom-settings,
74+#custom-spotify,
75+#custom-swaync,
76+#custom-tty,
77+#custom-updater,
78+#custom-weather,
79+#custom-weather.clearNight,
80+#custom-weather.cloudyFoggyDay,
81+#custom-weather.cloudyFoggyNight,
82+#custom-weather.default,
83+#custom-weather.rainyDay,
84+#custom-weather.rainyNight,
85+#custom-weather.severe,
86+#custom-weather.showyIcyDay,
87+#custom-weather.snowyIcyNight,
88+#custom-weather.sunnyDay{
89+ color: #fcba03;
90+ padding-top: 3px;
91+ padding-bottom: 3px;
92+ padding-right: 6px;
93+ padding-left: 6px;
94+}
95+
96+#temperature.critical {
97+ background-color: red;
98+}
99+
100+#tray > .passive {
101+ -gtk-icon-effect: dim;
102+}
103+#tray > .needs-attention {
104+ -gtk-icon-effect: highlight;
105+}
106+
107+@keyframes blink {
108+ to {
109+ color: #000000;
110+ }
111+}
112+
113+/*-----Indicators----*/
114+#custom-hypridle.notactive,
115+#idle_inhibitor.activated {
116+ color: cyan;
117+}
118+
119+#battery.critical:not(.charging) {
120+ color: #f53c3c;
121+ animation-name: blink;
122+ animation-duration: 3.0s;
123+ animation-timing-function: steps(12);
124+ animation-iteration-count: infinite;
125+ animation-direction: alternate;
126+}
127+
128+#taskbar button,
129+#workspaces button {
130+ box-shadow: none;
131+ text-shadow: none;
132+ padding: 0px;
133+ border-radius: 9px;
134+ padding-left: 4px;
135+ padding-right: 4px;
136+ animation: gradient_f 20s ease-in infinite;
137+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
138+ color: #fcba03;
139+}
140+
141+#taskbar button:hover,
142+#workspaces button:hover {
143+ border-radius: 10px;
144+ color: #a6adc8;
145+ background-color: #ffeb8a;
146+ padding-left: 2px;
147+ padding-right: 2px;
148+ animation: gradient_f 20s ease-in infinite;
149+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
150+}
151+
152+#workspaces button.persistent {
153+ color: #fcba03;
154+ border-radius: 10px;
155+}
156+
157+#taskbar button.active,
158+#workspaces button.active {
159+ color: black;
160+ background-color: #fcba03;
161+ border-radius: 10px;
162+ padding-left: 8px;
163+ padding-right: 8px;
164+ animation: gradient_f 20s ease-in infinite;
165+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
166+}
167+
168+#workspaces button.urgent {
169+ color: red;
170+ border-radius: 0px;
171+}
172+
173+
174+#pulseaudio.muted {
175+ color: red;
176+}
177+
178+#network.disconnected,
179+#network.disabled {
180+ background-color: #fcba03;
181+ color: #cdd6f4;
182+}
183+
184+#backlight-slider slider,
185+#pulseaudio-slider slider {
186+ min-width: 0px;
187+ min-height: 0px;
188+ opacity: 0;
189+ background-image: none;
190+ border: none;
191+ box-shadow: none;
192+}
193+
194+#backlight-slider trough,
195+#pulseaudio-slider trough {
196+ min-width: 80px;
197+ min-height: 5px;
198+ border-radius: 5px;
199+}
200+
201+#backlight-slider highlight,
202+#pulseaudio-slider highlight {
203+ min-height: 10px;
204+ border-radius: 5px;
205+}
206+
+209-0style/[Dark] Golden Noir.css
@@ -0,0 +1,209 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* ...............Golden Noir................ */
3+/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+window#waybar {
15+ background: #040406;
16+ border-radius: 30px;
17+ color: #cba6f7;
18+
19+}
20+
21+window#waybar.hidden {
22+ opacity: 0.5;
23+}
24+
25+tooltip {
26+ background: #1e1e2e;
27+ border-radius: 10px;
28+ border-width: 2px;
29+ border-style: solid;
30+ border-color: #11111b;
31+ color: #ffd700;
32+}
33+
34+/*-----module groups----*/
35+.modules-left,
36+.modules-right {
37+ padding-top: 2px;
38+ padding-bottom: 2px;
39+ padding-right: 4px;
40+ padding-left: 4px;
41+
42+}
43+
44+.modules-center {
45+ border-left: 1px solid #ffd700;
46+ border-right: 1px solid #ffd700;
47+ border-radius: 20px;
48+ padding-top: 2px;
49+ padding-bottom: 2px;
50+ padding-right: 4px;
51+ padding-left: 4px;
52+}
53+
54+#taskbar button,
55+#workspaces button {
56+ color: #6E6A86;
57+ box-shadow: none;
58+ text-shadow: none;
59+ padding: 0px;
60+ border-radius: 9px;
61+ padding-left: 4px;
62+ padding-right: 4px;
63+ animation: gradient_f 20s ease-in infinite;
64+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
65+}
66+
67+#taskbar button.active,
68+#workspaces button.active {
69+ color: #ffd700;
70+ border-radius: 50%;
71+ background-color: black;
72+ border-radius: 15px 15px 15px 15px;
73+ padding-left: 8px;
74+ padding-right: 8px;
75+ animation: gradient_f 20s ease-in infinite;
76+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
77+}
78+
79+#workspaces button.focused {
80+ color: #d8dee9;
81+}
82+
83+#workspaces button.urgent {
84+ color: #11111b;
85+ border-radius: 10px;
86+}
87+
88+#taskbar button:hover,
89+#workspaces button:hover {
90+ color: #ffd700;
91+ border-radius: 15px;
92+ padding-left: 2px;
93+ padding-right: 2px;
94+ animation: gradient_f 20s ease-in infinite;
95+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
96+}
97+
98+#backlight,
99+#backlight-slider,
100+#battery,
101+#bluetooth,
102+#clock,
103+#cpu,
104+#disk,
105+#idle_inhibitor,
106+#keyboard-state,
107+#memory,
108+#mode,
109+#mpris,
110+#network,
111+#power-profiles-daemon,
112+#pulseaudio,
113+#pulseaudio-slider,
114+#taskbar,
115+#temperature,
116+#tray,
117+#window,
118+#wireplumber,
119+#workspaces,
120+#custom-backlight,
121+#custom-browser,
122+#custom-cava_mviz,
123+#custom-cycle_wall,
124+#custom-dot_update,
125+#custom-file_manager,
126+#custom-keybinds,
127+#custom-keyboard,
128+#custom-light_dark,
129+#custom-lock,
130+#custom-hint,
131+#custom-hypridle,
132+#custom-menu,
133+#custom-playerctl,
134+#custom-power_vertical,
135+#custom-power,
136+#custom-quit,
137+#custom-reboot,
138+#custom-settings,
139+#custom-spotify,
140+#custom-swaync,
141+#custom-tty,
142+#custom-updater,
143+#custom-weather,
144+#custom-weather.clearNight,
145+#custom-weather.cloudyFoggyDay,
146+#custom-weather.cloudyFoggyNight,
147+#custom-weather.default,
148+#custom-weather.rainyDay,
149+#custom-weather.rainyNight,
150+#custom-weather.severe,
151+#custom-weather.showyIcyDay,
152+#custom-weather.snowyIcyNight,
153+#custom-weather.sunnyDay {
154+ color: #e5d9f5;
155+ padding-top: 5px;
156+ padding-bottom: 5px;
157+ padding-right: 6px;
158+ padding-left: 6px;
159+}
160+
161+#temperature.critical {
162+ background-color: #ff0000;
163+}
164+
165+@keyframes blink {
166+ to {
167+ color: #000000;
168+ }
169+}
170+
171+/*-----Indicators----*/
172+#custom-hypridle.notactive,
173+#idle_inhibitor.activated {
174+ color: #39FF14;
175+}
176+
177+#battery.critical:not(.charging) {
178+ color: #f53c3c;
179+ animation-name: blink;
180+ animation-duration: 3.0s;
181+ animation-timing-function: steps(12);
182+ animation-iteration-count: infinite;
183+ animation-direction: alternate;
184+}
185+
186+#backlight-slider slider,
187+#pulseaudio-slider slider {
188+ min-width: 0px;
189+ min-height: 0px;
190+ opacity: 0;
191+ background-image: none;
192+ border: none;
193+ box-shadow: none;
194+}
195+
196+#backlight-slider trough,
197+#pulseaudio-slider trough {
198+ min-width: 80px;
199+ min-height: 5px;
200+ border-radius: 5px;
201+ background-color: #22252a;
202+}
203+
204+#backlight-slider highlight,
205+#pulseaudio-slider highlight {
206+ min-height: 10px;
207+ border-radius: 5px;
208+ background-color: #ba5663;
209+}
+321-0style/[Dark] Half-Moon.css
@@ -0,0 +1,321 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* ..........Half Moon.................. */
3+/* NOTE: This is only for some waybar configs */
4+/* --- ๐Ÿ‘ shared by https://github.com/TomekBobrowicz ๐Ÿ‘ --- */
5+
6+* {
7+ font-family: "JetBrainsMono Nerd Font";
8+ font-weight: bold;
9+ min-height: 0;
10+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11+ font-size: 97%;
12+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13+}
14+
15+
16+window#waybar {
17+ background-color: rgba(26,27,38,0);
18+ border-bottom: 1px solid rgba(26,27,38,0);
19+ border-radius: 0px;
20+ color: #E6B673;
21+}
22+
23+#waybar.empty, #waybar.tiled, #waybar.floating {
24+ background-color: transparent;
25+}
26+
27+window#waybar.empty,
28+window#waybar.empty #window {
29+ background-color: transparent;
30+}
31+
32+#taskbar,
33+#workspaces {
34+ background: #0F1419;
35+ margin: 5px;
36+ padding: 0px 1px;
37+ border-radius: 15px;
38+ border: 0px;
39+ font-style: normal;
40+ color: #0F1419;
41+}
42+
43+#taskbar button,
44+#workspaces button {
45+ padding: 0px 5px;
46+ margin: 4px 3px;
47+ border-radius: 15px;
48+ border: 0px;
49+ color: #0F1419;
50+ background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
51+ opacity: 0.5;
52+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
53+}
54+
55+#taskbar button.active,
56+#workspaces button.active {
57+ padding: 0px 5px;
58+ margin: 4px 3px;
59+ border-radius: 15px;
60+ border: 0px;
61+ color: #0F1419;
62+ background: linear-gradient(45deg, #59C2FF, #D2A6FF);
63+ opacity: 1.0;
64+ min-width: 40px;
65+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
66+}
67+
68+#workspaces button:hover {
69+ border-radius: 15px;
70+ color: #0F1419;
71+ background: linear-gradient(45deg, #59C2FF, #D2A6FF);
72+ opacity: 0.8;
73+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
74+
75+}
76+@keyframes gradient_horizontal {
77+0% {
78+ background-position: 0% 50%;
79+ }
80+50% {
81+ background-position: 100% 50%;
82+ }
83+100% {
84+ background-position: 0% 50%;
85+ }
86+}
87+
88+@keyframes swiping {
89+0% {
90+ background-position: 0% 200%;
91+ }
92+100% {
93+ background-position: 200% 200%;
94+ }
95+}
96+
97+tooltip {
98+background: #0F1419;
99+border: 1px solid #D2A6FF;
100+border-radius: 10px;
101+}
102+
103+tooltip label {
104+color: #F3F4F5;
105+}
106+
107+#window {
108+ color: #E6E1CF;
109+ background: #0F1419;
110+ border-radius: 50px 50px;
111+ margin: 5px;
112+ padding: 2px 15px;
113+}
114+
115+#temperature,
116+#memory {
117+ color: #E6B673;
118+ background: #0F1419;
119+ border-radius: 50px 50px;
120+ margin: 5px;
121+ padding: 2px 15px;
122+}
123+
124+#custom-light_dark,
125+#custom-dot_update,
126+#custom-swaync,
127+#custom-hypridle,
128+#idle_inhibitor,
129+#clock {
130+ color: #B8CC52;
131+ background: #0F1419;
132+ border-radius: 50px 50px;
133+ margin: 5px;
134+ padding: 2px 15px;
135+}
136+
137+/*-----Indicators----*/
138+#custom-hypridle.notactive,
139+#idle_inhibitor.activated {
140+ color: #39FF14;
141+}
142+
143+#bluetooth {
144+ color: blue;
145+ background: #0F1419;
146+ border-radius: 50px 50px;
147+ margin: 5px;
148+ padding: 2px 15px;
149+}
150+
151+#custom-playerctl,
152+#power-profiles-daemon,
153+#custom-cycle_wall,
154+#cpu {
155+ color: #F3F4F5;
156+ background: #0F1419;
157+ border-radius: 50px 50px;
158+ margin: 5px;
159+ padding: 2px 15px;
160+}
161+
162+#disk {
163+ color: #B8CC52;
164+ background: #0F1419;
165+ border-radius: 50px 50px;
166+ margin: 5px;
167+ padding: 2px 15px;
168+}
169+
170+#backlight,
171+#battery {
172+ color: #F07178;
173+ background: #0F1419;
174+ border-radius: 50px 50px;
175+ margin: 5px;
176+ padding: 2px 15px;
177+}
178+
179+#mpris {
180+ color: #F07178;
181+ background: #0F1419;
182+ border-radius: 50px 50px;
183+ margin: 5px;
184+ padding-left: 8px;
185+ padding-right: 2px;
186+}
187+
188+#backlight {
189+ color: white;
190+ background: #0F1419;
191+ border-radius: 50px 50px;
192+ margin: 5px;
193+ padding: 2px 15px;
194+}
195+
196+#network {
197+ color: #FF8F40;
198+ background: #0F1419;
199+ border-radius: 50px 50px;
200+ margin: 5px;
201+ padding: 2px 15px;
202+}
203+
204+#custom-hyprbindings {
205+ color: #D2A6FF;
206+ background: #0F1419;
207+ background: #0F1419;
208+ border-radius: 50px 50px;
209+ margin: 5px;
210+ padding: 2px 15px;
211+}
212+
213+#tray {
214+ color: #E6E1CF;
215+ background: #0F1419;
216+ border-radius: 50px 50px;
217+ margin: 5px;
218+ padding: 2px 15px;
219+}
220+
221+#pulseaudio {
222+ color: #59C2FF;
223+ background: #0F1419;
224+ border-radius: 50px 50px;
225+ margin: 5px;
226+ padding: 2px 15px;
227+}
228+
229+#custom-notification {
230+ color: #95E6CB;
231+ background: #0F1419;
232+ border-radius: 50px 50px;
233+ margin: 5px;
234+ padding: 2px 15px;
235+}
236+
237+#custom-browser,
238+#custom-file_manager,
239+#custom-tty,
240+#custom-settings {
241+ border-radius: 50px 50px;
242+ margin: 5px;
243+ padding: 2px 15px;
244+ color: #0F1419;
245+ background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
246+}
247+
248+#custom-weather {
249+ color: #59C2FF;
250+ background: #0F1419;
251+ border-radius: 50px 50px;
252+ margin: 5px;
253+ padding: 2px 15px;
254+}
255+
256+#custom-menu {
257+ color: #59C2FF;
258+ background: #0F1419;
259+ border-radius: 0px 15px 50px 0px;
260+ margin: 5px 5px 5px 0px;
261+ padding: 1px 15px;
262+}
263+
264+#custom-power {
265+ color: #D2A6FF;
266+ background: #0F1419;
267+ border-radius: 15px 0px 0px 50px;
268+ margin: 5px 0px;
269+ padding: 2px 5px 2px 15px;
270+}
271+
272+#custom-lock {
273+ color: red;
274+ background: #0F1419;
275+ border-radius: 50px 50px;
276+ margin: 5px;
277+ padding: 2px 15px;
278+}
279+
280+#custom-power_vertical,
281+#keyboard-state {
282+ color: green;
283+ background: #0F1419;
284+ border-radius: 50px 50px;
285+ margin: 5px;
286+ padding: 2px 15px;
287+}
288+
289+#battery.critical:not(.charging) {
290+ color: #f53c3c;
291+ animation-name: blink;
292+ animation-duration: 3.0s;
293+ animation-timing-function: steps(12);
294+ animation-iteration-count: infinite;
295+ animation-direction: alternate;
296+}
297+
298+#backlight-slider slider,
299+#pulseaudio-slider slider {
300+ min-width: 0px;
301+ min-height: 0px;
302+ opacity: 0;
303+ background-image: none;
304+ border: none;
305+ box-shadow: none;
306+}
307+
308+#backlight-slider trough,
309+#pulseaudio-slider trough {
310+ min-width: 80px;
311+ min-height: 5px;
312+ border-radius: 5px;
313+ background-color: #6E6A86;
314+}
315+
316+#backlight-slider highlight,
317+#pulseaudio-slider highlight {
318+ min-height: 10px;
319+ border-radius: 5px;
320+ background-color: purple;
321+}
+267-0style/[Dark] Latte-Wallust combined v2.css
@@ -0,0 +1,267 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Catppuccin Latte - Wallust - v2 */
3+
4+@define-color white #F2F2F2;
5+@define-color black #000000;
6+@define-color text #FFFFFF;
7+@define-color lightgray #686868;
8+@define-color darkgray #353535;
9+
10+@define-color transparent rgba(1, 1, 1, 0.5);
11+@define-color teal-trans rgba(1, 117, 84, 0.5);
12+@define-color cyan rgba(53, 140, 169, 1);
13+
14+@define-color background-module @background;
15+@define-color background-module2 @color11;
16+@define-color border-color @color12;
17+@define-color button-color @color10;
18+@define-color button-hover @color13;
19+
20+@import '../../.config/waybar/wallust/colors-waybar.css';
21+@import "../waybar/style/catppuccin-themes/latte.css";
22+
23+* {
24+ font-family: "JetBrainsMono Nerd Font";
25+ font-weight: bold;
26+ min-height: 0;
27+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
28+ font-size: 97%;
29+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
30+}
31+
32+window#waybar {
33+ background: @background;
34+ border-radius:15px;
35+ padding-top: 2px;
36+ padding-bottom: 0px;
37+ padding-right: 4px;
38+ padding-left: 4px;
39+}
40+
41+tooltip {
42+ background: #1e1e2e;
43+ border-radius: 12px;
44+ border-width: 1px;
45+ border-style: solid;
46+ border-color: @border-color;
47+ color: #ffffff;
48+}
49+
50+#workspaces {
51+ padding: 0px 1px;
52+ border-radius: 15px;
53+ border-bottom: 2px solid @border-color;
54+ font-weight: bold;
55+ font-style: normal;
56+ opacity: 0.8;
57+}
58+
59+#taskbar button,
60+#workspaces button {
61+ color: @foreground;
62+ box-shadow: none;
63+ text-shadow: none;
64+ border-radius: 30px;
65+ padding-left: 4px;
66+ padding-right: 4px;
67+ animation: gradient_f 20s ease-in infinite;
68+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
69+}
70+
71+#taskbar button.active,
72+#workspaces button.active {
73+ color: #ffd700;
74+ border-radius: 50%;
75+ background-color: black;
76+ border-radius: 15px;
77+ padding-left: 8px;
78+ padding-right: 8px;
79+ animation: gradient_f 20s ease-in infinite;
80+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
81+}
82+
83+#workspaces button.focused {
84+ color: #d8dee9;
85+}
86+
87+#workspaces button.urgent {
88+ color: #11111b;
89+ border-radius: 10px;
90+}
91+
92+#taskbar button:hover,
93+#workspaces button:hover {
94+ color: #ffd700;
95+ border-radius: 10px;
96+ padding-left: 2px;
97+ padding-right: 2px;
98+ animation: gradient_f 20s ease-in infinite;
99+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
100+}
101+
102+/*-----module groups----*/
103+.modules-center {
104+ background-color: @background-module2;
105+ border-radius: 10px;
106+ padding: 4px;
107+ border-bottom: 2px solid @border-color;
108+ border-right: 1px solid @button-hover;
109+ border-left: 1px solid @button-hover;
110+}
111+
112+#backlight,
113+#backlight-slider,
114+#battery,
115+#bluetooth,
116+#clock,
117+#cpu,
118+#disk,
119+#idle_inhibitor,
120+#keyboard-state,
121+#memory,
122+#mode,
123+#mpris,
124+#network,
125+#power-profiles-daemon,
126+#pulseaudio,
127+#pulseaudio-slider,
128+#taskbar,
129+#temperature,
130+#tray,
131+#window,
132+#wireplumber,
133+#workspaces,
134+#custom-backlight,
135+#custom-browser,
136+#custom-cava_mviz,
137+#custom-cycle_wall,
138+#custom-dot_update,
139+#custom-file_manager,
140+#custom-keybinds,
141+#custom-keyboard,
142+#custom-light_dark,
143+#custom-lock,
144+#custom-hint,
145+#custom-hypridle,
146+#custom-menu,
147+#custom-playerctl,
148+#custom-power_vertical,
149+#custom-power,
150+#custom-quit,
151+#custom-reboot,
152+#custom-settings,
153+#custom-spotify,
154+#custom-swaync,
155+#custom-tty,
156+#custom-updater,
157+#custom-weather,
158+#custom-weather.clearNight,
159+#custom-weather.cloudyFoggyDay,
160+#custom-weather.cloudyFoggyNight,
161+#custom-weather.default,
162+#custom-weather.rainyDay,
163+#custom-weather.rainyNight,
164+#custom-weather.severe,
165+#custom-weather.showyIcyDay,
166+#custom-weather.snowyIcyNight,
167+#custom-weather.sunnyDay {
168+ color: @foreground;
169+ padding-right: 6px;
170+ padding-left: 6px;;
171+}
172+
173+#temperature.critical {
174+ background-color: #ff0000;
175+}
176+
177+@keyframes blink {
178+ to {
179+ color: #000000;
180+ }
181+}
182+
183+#backlight-slider slider,
184+#pulseaudio-slider slider {
185+ min-width: 0px;
186+ min-height: 0px;
187+ opacity: 0;
188+ background-image: none;
189+ border: none;
190+ box-shadow: none;
191+}
192+
193+#backlight-slider trough,
194+#pulseaudio-slider trough {
195+ min-width: 80px;
196+ min-height: 5px;
197+ border-radius: 5px;
198+ background-color: #22252a;
199+}
200+
201+#backlight-slider highlight,
202+#pulseaudio-slider highlight {
203+ min-height: 10px;
204+ border-radius: 5px;
205+ background-color: #ba5663;
206+}
207+
208+#pulseaudio-slider,
209+#pulseaudio {
210+ color: @color13;
211+}
212+
213+#pulseaudio.muted {
214+ color: red;
215+}
216+
217+#memory {
218+ color: @sapphire;
219+}
220+
221+#cpu {
222+ color: @mauve;
223+}
224+
225+#battery {
226+ color: @rosewater;
227+}
228+
229+#disk {
230+ color: @sky;
231+}
232+
233+#temperature.critical {
234+ background-color: @red;
235+}
236+
237+#battery.critical:not(.charging) {
238+ color: #f53c3c;
239+ animation-name: blink;
240+ animation-duration: 3.0s;
241+ animation-timing-function: steps(12);
242+ animation-iteration-count: infinite;
243+ animation-direction: alternate;
244+}
245+
246+#custom-hypridle,
247+#custom-lock,
248+#idle_inhibitor {
249+ color: @teal;
250+}
251+
252+/*-----Indicators----*/
253+#custom-hypridle.notactive,
254+#idle_inhibitor.activated {
255+ color: #39FF14;
256+}
257+
258+#clock {
259+ color: @foreground;
260+ border-radius: 15px;
261+}
262+
263+#custom-updates {
264+ color: @yellow;
265+}
266+#swaync{
267+ color: #ffd700;}
+277-0style/[Dark] Latte-Wallust combined.css
@@ -0,0 +1,277 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Catppuccin Latte - Wallust */
3+/* Original Design by DC user mannatsingh */
4+
5+@define-color white #F2F2F2;
6+@define-color black #000000;
7+@define-color text #FFFFFF;
8+@define-color lightgray #686868;
9+@define-color darkgray #353535;
10+
11+@define-color transparent rgba(1, 1, 1, 0.5);
12+@define-color teal-trans rgba(1, 117, 84, 0.5);
13+@define-color cyan rgba(53, 140, 169, 1);
14+
15+@define-color background-module @transparent;
16+@define-color border-color @color12;
17+@define-color button-color @color11;
18+@define-color button-hover @color13;
19+
20+@import '../../.config/waybar/wallust/colors-waybar.css';
21+@import "../waybar/style/catppuccin-themes/latte.css";
22+
23+* {
24+ font-family: "JetBrainsMono Nerd Font";
25+ font-weight: bold;
26+ min-height: 0;
27+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
28+ font-size: 97%;
29+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
30+}
31+
32+window#waybar {
33+ background: transparent;
34+ border-radius: 0px;
35+ color: #cba6f7;
36+}
37+
38+window#waybar.hidden {
39+ opacity: 0;
40+}
41+
42+tooltip {
43+ background: #1e1e2e;
44+ border-radius: 12px;
45+ border-width: 1px;
46+ border-style: solid;
47+ border-color: @border-color;
48+ color: #ffffff;
49+}
50+
51+/*-----module groups----*/
52+.modules-left,
53+.modules-center,
54+.modules-right {
55+ background-color: @background-module;
56+ border-radius:15px;
57+ border-bottom:2px solid @border-color;
58+ padding-top: 2px;
59+ padding-bottom: 0px;
60+ padding-right: 4px;
61+ padding-left: 4px;
62+}
63+
64+#workspaces {
65+ padding: 0px 1px;
66+ border-radius: 15px;
67+ border:2px solid @border-color;
68+ font-weight: bold;
69+ font-style: normal;
70+ opacity:0.8;
71+ color:#FFFFFF;
72+}
73+
74+#taskbar button,
75+#workspaces button {
76+ color: #6E6A86;
77+ box-shadow: none;
78+ text-shadow: none;
79+ border-radius: 30px;
80+ padding-left: 4px;
81+ padding-right: 4px;
82+ animation: gradient_f 20s ease-in infinite;
83+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
84+}
85+
86+#taskbar button.active,
87+#workspaces button.active {
88+ color: #ffd700;
89+ border-radius: 50%;
90+ background-color: black;
91+ border-radius: 15px 15px 15px 15px;
92+ padding-left: 8px;
93+ padding-right: 8px;
94+ animation: gradient_f 20s ease-in infinite;
95+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
96+}
97+
98+#workspaces button.focused {
99+ color: #d8dee9;
100+}
101+
102+#workspaces button.urgent {
103+ color: #11111b;
104+ border-radius: 10px;
105+}
106+
107+#taskbar button:hover,
108+#workspaces button:hover {
109+ color: #ffd700;
110+ border-radius: 10px;
111+ padding-left: 2px;
112+ padding-right: 2px;
113+ animation: gradient_f 20s ease-in infinite;
114+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
115+}
116+
117+#backlight,
118+#backlight-slider,
119+#battery,
120+#bluetooth,
121+#clock,
122+#cpu,
123+#disk,
124+#idle_inhibitor,
125+#keyboard-state,
126+#memory,
127+#mode,
128+#mpris,
129+#network,
130+#power-profiles-daemon,
131+#pulseaudio,
132+#pulseaudio-slider,
133+#taskbar,
134+#temperature,
135+#tray,
136+#window,
137+#wireplumber,
138+#workspaces,
139+#custom-backlight,
140+#custom-browser,
141+#custom-cava_mviz,
142+#custom-cycle_wall,
143+#custom-dot_update,
144+#custom-file_manager,
145+#custom-keybinds,
146+#custom-keyboard,
147+#custom-light_dark,
148+#custom-lock,
149+#custom-hint,
150+#custom-hypridle,
151+#custom-menu,
152+#custom-playerctl,
153+#custom-power_vertical,
154+#custom-power,
155+#custom-quit,
156+#custom-reboot,
157+#custom-settings,
158+#custom-spotify,
159+#custom-swaync,
160+#custom-tty,
161+#custom-updater,
162+#custom-weather,
163+#custom-weather.clearNight,
164+#custom-weather.cloudyFoggyDay,
165+#custom-weather.cloudyFoggyNight,
166+#custom-weather.default,
167+#custom-weather.rainyDay,
168+#custom-weather.rainyNight,
169+#custom-weather.severe,
170+#custom-weather.showyIcyDay,
171+#custom-weather.snowyIcyNight,
172+#custom-weather.sunnyDay {
173+ color: #e5d9f5;
174+ padding-right: 6px;
175+ padding-left: 6px;;
176+}
177+
178+#temperature.critical {
179+ background-color: #ff0000;
180+}
181+
182+@keyframes blink {
183+ to {
184+ color: #000000;
185+ }
186+}
187+
188+#backlight-slider slider,
189+#pulseaudio-slider slider {
190+ min-width: 0px;
191+ min-height: 0px;
192+ opacity: 0;
193+ background-image: none;
194+ border: none;
195+ box-shadow: none;
196+}
197+
198+#backlight-slider trough,
199+#pulseaudio-slider trough {
200+ min-width: 80px;
201+ min-height: 5px;
202+ border-radius: 5px;
203+ background-color: #22252a;
204+}
205+
206+#backlight-slider highlight,
207+#pulseaudio-slider highlight {
208+ min-height: 10px;
209+ border-radius: 5px;
210+ background-color: #ba5663;
211+}
212+
213+#pulseaudio-slider,
214+#pulseaudio {
215+ color: @color13;
216+}
217+
218+#pulseaudio.muted {
219+ color: red;
220+}
221+
222+#memory {
223+ color: @sapphire;
224+}
225+
226+#cpu {
227+ color: @mauve;
228+}
229+
230+#battery {
231+ color: @rosewater;
232+}
233+
234+#disk {
235+ color: @sky;
236+}
237+
238+#temperature.critical {
239+ background-color: @red;
240+}
241+
242+#battery.critical:not(.charging) {
243+ color: #f53c3c;
244+ animation-name: blink;
245+ animation-duration: 3.0s;
246+ animation-timing-function: steps(12);
247+ animation-iteration-count: infinite;
248+ animation-direction: alternate;
249+}
250+
251+#custom-hypridle,
252+#custom-lock,
253+#idle_inhibitor {
254+ color: @teal;
255+}
256+
257+/*-----Indicators----*/
258+#custom-hypridle.notactive,
259+#idle_inhibitor.activated {
260+ color: #39FF14;
261+}
262+
263+
264+#clock#2 {
265+ color: #efe8f7;
266+}
267+
268+#clock {
269+ color: @sapphire;
270+ border-radius: 15px;
271+ border:2px solid @border-color;
272+}
273+#custom-updates {
274+ color: @yellow;
275+}
276+#swaync{
277+ color: #ffd700;}
+228-0style/[Dark] Purpl.css
@@ -0,0 +1,228 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* .............Purpl..................... */
3+/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+window#waybar {
15+ background: #100214;
16+ color: #cba6f7;
17+}
18+
19+window#waybar.hidden {
20+ opacity: 0.5;
21+}
22+
23+tooltip {
24+ background: #1e1e2e;
25+ border-radius: 10px;
26+ border-width: 2px;
27+ border-style: solid;
28+ border-color: #11111b;
29+ color: #cba6f7;
30+}
31+
32+/*-----module groups----*/
33+.modules-right {
34+ border: 3px solid #20052a;
35+ border-radius: 100px 0px 0px 0px;
36+ background-color: #3d174b;
37+ padding-top: 2px;
38+ padding-bottom: 2px;
39+ padding-right: 5px;
40+ padding-left: 5px;
41+}
42+
43+.modules-center {
44+ padding-top: 2px;
45+ padding-bottom: 2px;
46+ padding-right: 4px;
47+ padding-left: 4px;
48+}
49+
50+.modules-left {
51+ /*background-color: #1e1e2e;*/
52+ border: 3px solid #20052a;
53+ border-radius: 0px 0px 100px 0px;
54+ background-color: #441a53;
55+ padding-top: 2px;
56+ padding-bottom: 2px;
57+ padding-right: 5px;
58+ padding-left: 5px;
59+}
60+
61+#taskbar button,
62+#workspaces button {
63+ color: #6E6A86;
64+ box-shadow: none;
65+ text-shadow: none;
66+ padding: 0px;
67+ border-radius: 9px;
68+ padding-left: 4px;
69+ padding-right: 4px;
70+ animation: gradient_f 20s ease-in infinite;
71+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
72+}
73+
74+#workspaces button.active {
75+ color: #cba6f7;
76+ border-radius: 20%;
77+ background-color: black;
78+ padding-left: 8px;
79+ padding-right: 8px;
80+ animation: gradient_f 20s ease-in infinite;
81+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
82+}
83+
84+#workspaces button.focused {
85+ color: #d8dee9;
86+}
87+
88+#workspaces button.urgent {
89+ color: #11111b;
90+ border-radius: 10px;
91+}
92+
93+#workspaces button:hover {
94+ color: #9CCFD8;
95+ border-radius: 15px;
96+ padding-left: 2px;
97+ padding-right: 2px;
98+ animation: gradient_f 20s ease-in infinite;
99+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
100+}
101+
102+#backlight,
103+#backlight-slider,
104+#battery,
105+#bluetooth,
106+#clock,
107+#cpu,
108+#disk,
109+#idle_inhibitor,
110+#keyboard-state,
111+#memory,
112+#mode,
113+#mpris,
114+#network,
115+#power-profiles-daemon,
116+#pulseaudio,
117+#pulseaudio-slider,
118+#taskbar,
119+#temperature,
120+#tray,
121+#window,
122+#wireplumber,
123+#workspaces,
124+#custom-backlight,
125+#custom-browser,
126+#custom-cava_mviz,
127+#custom-cycle_wall,
128+#custom-dot_update,
129+#custom-file_manager,
130+#custom-keybinds,
131+#custom-keyboard,
132+#custom-light_dark,
133+#custom-lock,
134+#custom-hint,
135+#custom-hypridle,
136+#custom-menu,
137+#custom-playerctl,
138+#custom-power_vertical,
139+#custom-power,
140+#custom-quit,
141+#custom-reboot,
142+#custom-settings,
143+#custom-spotify,
144+#custom-swaync,
145+#custom-tty,
146+#custom-updater,
147+#custom-weather,
148+#custom-weather.clearNight,
149+#custom-weather.cloudyFoggyDay,
150+#custom-weather.cloudyFoggyNight,
151+#custom-weather.default,
152+#custom-weather.rainyDay,
153+#custom-weather.rainyNight,
154+#custom-weather.severe,
155+#custom-weather.showyIcyDay,
156+#custom-weather.snowyIcyNight,
157+#custom-weather.sunnyDay {
158+ color: whitesmoke;
159+ padding-top: 4px;
160+ padding-bottom: 4px;
161+ padding-right: 6px;
162+ padding-left: 6px;
163+}
164+
165+#temperature.critical {
166+ background-color: #ff0000;
167+}
168+
169+@keyframes blink {
170+ to {
171+ color: #000000;
172+ }
173+}
174+
175+/*-----Indicators----*/
176+#custom-hypridle.notactive,
177+#idle_inhibitor.activated {
178+ color: #39FF14;
179+}
180+
181+#taskbar button.active {
182+ background-color: purple;
183+ padding-left: 12px;
184+ padding-right: 12px;
185+ animation: gradient_f 20s ease-in infinite;
186+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
187+}
188+
189+#taskbar button:hover {
190+ padding-left: 3px;
191+ padding-right: 3px;
192+ animation: gradient_f 20s ease-in infinite;
193+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
194+}
195+
196+#battery.critical:not(.charging) {
197+ color: #f53c3c;
198+ animation-name: blink;
199+ animation-duration: 3.0s;
200+ animation-timing-function: steps(12);
201+ animation-iteration-count: infinite;
202+ animation-direction: alternate;
203+}
204+
205+#backlight-slider slider,
206+#pulseaudio-slider slider {
207+ min-width: 0px;
208+ min-height: 0px;
209+ opacity: 0;
210+ background-image: none;
211+ border: none;
212+ box-shadow: none;
213+}
214+
215+#backlight-slider trough,
216+#pulseaudio-slider trough {
217+ min-width: 80px;
218+ min-height: 5px;
219+ border-radius: 5px;
220+ background-color: #6E6A86;
221+}
222+
223+#backlight-slider highlight,
224+#pulseaudio-slider highlight {
225+ min-height: 10px;
226+ border-radius: 5px;
227+ background-color: purple;
228+}
+198-0style/[Dark] Wallust Obsidian Edge.css
@@ -0,0 +1,198 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Dark - Obsidian Edge */
3+
4+@import '../../.config/waybar/wallust/colors-waybar.css';
5+
6+* {
7+font-family: "JetBrainsMono Nerd Font";
8+font-weight: bold;
9+min-height: 0;
10+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11+font-size: 97%;
12+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13+}
14+
15+window#waybar {
16+ background: black;
17+ border-radius: 12px;
18+}
19+
20+window#waybar.hidden {
21+ opacity: 0.5;
22+}
23+
24+tooltip {
25+ color: @foreground;
26+ background: rgba(0, 0, 0, 0.8);
27+ border-radius: 10px;
28+}
29+
30+tooltip label {
31+ color: @foreground;
32+ padding-right: 2px;
33+ padding-left: 2px;
34+}
35+
36+/*-----module groups----*/
37+.modules-left,
38+.modules-center,
39+.modules-right {
40+ border: 0px solid #b4befe;
41+ border-radius: 10px;
42+ padding-top: 2px;
43+ padding-bottom: 2px;
44+ padding-right: 4px;
45+ padding-left: 4px;
46+}
47+
48+#taskbar button,
49+#workspaces button {
50+ color: @color12;
51+ box-shadow: none;
52+ text-shadow: none;
53+ padding: 4px;
54+ border-radius: 9px;
55+ animation: gradient_f 20s ease-in infinite;
56+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
57+}
58+
59+#taskbar button.active,
60+#workspaces button.active {
61+ color: @foreground;
62+ border-radius: 15px 15px 15px 15px;
63+ padding-left: 8px;
64+ padding-right: 8px;
65+ animation: gradient_f 20s ease-in infinite;
66+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
67+}
68+
69+#workspaces button.focused {
70+ color: #d8dee9;
71+}
72+
73+#workspaces button.urgent {
74+ color: #11111b;
75+ border-radius: 10px;
76+}
77+
78+#taskbar button:hover,
79+#workspaces button:hover {
80+ color: @color9;
81+ border-radius: 15px;
82+ padding-left: 2px;
83+ padding-right: 2px;
84+ animation: gradient_f 20s ease-in infinite;
85+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
86+}
87+
88+#backlight,
89+#backlight-slider,
90+#battery,
91+#bluetooth,
92+#clock,
93+#cpu,
94+#disk,
95+#idle_inhibitor,
96+#keyboard-state,
97+#memory,
98+#mode,
99+#mpris,
100+#network,
101+#power-profiles-daemon,
102+#pulseaudio,
103+#pulseaudio-slider,
104+#taskbar,
105+#temperature,
106+#tray,
107+#window,
108+#wireplumber,
109+#workspaces,
110+#custom-backlight,
111+#custom-browser,
112+#custom-cava_mviz,
113+#custom-cycle_wall,
114+#custom-dot_update,
115+#custom-file_manager,
116+#custom-keybinds,
117+#custom-keyboard,
118+#custom-light_dark,
119+#custom-lock,
120+#custom-hint,
121+#custom-hypridle,
122+#custom-menu,
123+#custom-playerctl,
124+#custom-power_vertical,
125+#custom-power,
126+#custom-quit,
127+#custom-reboot,
128+#custom-settings,
129+#custom-spotify,
130+#custom-swaync,
131+#custom-tty,
132+#custom-updater,
133+#custom-weather,
134+#custom-weather.clearNight,
135+#custom-weather.cloudyFoggyDay,
136+#custom-weather.cloudyFoggyNight,
137+#custom-weather.default,
138+#custom-weather.rainyDay,
139+#custom-weather.rainyNight,
140+#custom-weather.severe,
141+#custom-weather.showyIcyDay,
142+#custom-weather.snowyIcyNight,
143+#custom-weather.sunnyDay {
144+ color: @foreground;
145+ border-radius: 8px;
146+ padding-top: 5px;
147+ padding-bottom: 5px;
148+ padding-right: 6px;
149+ padding-left: 6px;
150+}
151+
152+#temperature.critical {
153+ background-color: #ff0000;
154+}
155+
156+@keyframes blink {
157+ to {
158+ color: #000000;
159+ }
160+}
161+
162+/*-----Indicators----*/
163+#custom-hypridle.notactive,
164+#idle_inhibitor.activated {
165+ color: #39FF14;
166+}
167+
168+#battery.critical:not(.charging) {
169+ color: #f53c3c;
170+ animation-name: blink;
171+ animation-duration: 3.0s;
172+ animation-timing-function: steps(12);
173+ animation-iteration-count: infinite;
174+ animation-direction: alternate;
175+}
176+
177+#backlight-slider slider,
178+#pulseaudio-slider slider {
179+ min-width: 0px;
180+ min-height: 0px;
181+ opacity: 0;
182+ background-image: none;
183+ border: none;
184+ box-shadow: none;
185+}
186+
187+#backlight-slider trough,
188+#pulseaudio-slider trough {
189+ min-width: 80px;
190+ min-height: 5px;
191+ border-radius: 5px;
192+}
193+
194+#backlight-slider highlight,
195+#pulseaudio-slider highlight {
196+ min-height: 10px;
197+ border-radius: 5px;
198+}
+291-0style/[Extra] Arrow.css
@@ -0,0 +1,291 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* .....[Extra] Arrow Best to combine with [TOP] Arrow.... */
3+/* --- ๐Ÿ‘ taken from https://github.com/mxkrsv ๐Ÿ‘ --- */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+ border: none;
13+ border-radius: 0;
14+ min-height: 0;
15+ margin: 0;
16+ padding: 0;
17+ box-shadow: none;
18+ text-shadow: none;
19+ icon-shadow: none;
20+}
21+
22+/* Colors (gruvbox) */
23+@define-color black #282828;
24+@define-color red #cc241d;
25+@define-color green #98971a;
26+@define-color yellow #d79921;
27+@define-color blue #458588;
28+@define-color purple #b16286;
29+@define-color aqua #689d6a;
30+@define-color gray #a89984;
31+@define-color brgray #928374;
32+@define-color brred #fb4934;
33+@define-color brgreen #b8bb26;
34+@define-color bryellow #fabd2f;
35+@define-color brblue #83a598;
36+@define-color brpurple #d3869b;
37+@define-color braqua #8ec07c;
38+@define-color white #ebdbb2;
39+@define-color bg2 #504945;
40+
41+
42+@define-color warning @bryellow;
43+@define-color critical @red;
44+@define-color mode @black;
45+@define-color unfocused @bg2;
46+@define-color focused @braqua;
47+@define-color inactive @purple;
48+@define-color sound @brpurple;
49+@define-color network @purple;
50+@define-color memory @braqua;
51+@define-color cpu @green;
52+@define-color temp @brgreen;
53+@define-color layout @bryellow;
54+@define-color battery @aqua;
55+@define-color date @black;
56+@define-color time @white;
57+
58+/* The whole bar */
59+#waybar {
60+ background: rgba(40, 40, 40, 0.8784313725); /* #282828e0 */
61+ color: @white;
62+}
63+
64+#backlight,
65+#backlight-slider,
66+#battery,
67+#bluetooth,
68+#clock,
69+#cpu,
70+#disk,
71+#idle_inhibitor,
72+#keyboard-state,
73+#memory,
74+#mode,
75+#mpris,
76+#network,
77+#power-profiles-daemon,
78+#pulseaudio,
79+#pulseaudio-slider,
80+#taskbar,
81+#temperature,
82+#tray,
83+#window,
84+#wireplumber,
85+#workspaces,
86+#custom-backlight,
87+#custom-browser,
88+#custom-cava_mviz,
89+#custom-cycle_wall,
90+#custom-dot_update,
91+#custom-file_manager,
92+#custom-keybinds,
93+#custom-keyboard,
94+#custom-light_dark,
95+#custom-lock,
96+#custom-hint,
97+#custom-hypridle,
98+#custom-menu,
99+#custom-playerctl,
100+#custom-power_vertical,
101+#custom-power,
102+#custom-quit,
103+#custom-reboot,
104+#custom-settings,
105+#custom-spotify,
106+#custom-swaync,
107+#custom-tty,
108+#custom-updater,
109+#custom-weather,
110+#custom-weather.clearNight,
111+#custom-weather.cloudyFoggyDay,
112+#custom-weather.cloudyFoggyNight,
113+#custom-weather.default,
114+#custom-weather.rainyDay,
115+#custom-weather.rainyNight,
116+#custom-weather.severe,
117+#custom-weather.showyIcyDay,
118+#custom-weather.snowyIcyNight,
119+#custom-weather.sunnyDay {
120+ padding-left: 8pt;
121+ padding-right: 8pt;
122+}
123+
124+/* Each critical module */
125+#mode,
126+#memory.critical,
127+#cpu.critical,
128+#temperature.critical,
129+#battery.critical.discharging {
130+ animation-timing-function: linear;
131+ animation-iteration-count: infinite;
132+ animation-direction: alternate;
133+ animation-name: blink-critical;
134+ animation-duration: 1s;
135+}
136+
137+/* Each warning */
138+#network.disconnected,
139+#memory.warning,
140+#cpu.warning,
141+#temperature.warning,
142+#battery.warning.discharging {
143+ color: @warning;
144+}
145+
146+/* Keyframes */
147+
148+@keyframes blink-critical {
149+ to {
150+ /*color: @white;*/
151+ background-color: @critical;
152+ }
153+}
154+
155+/* Current sway mode (resize etc) */
156+#mode {
157+ color: @white;
158+ background: @mode;
159+}
160+
161+/* Workspaces stuff */
162+#workspaces button {
163+ /*font-weight: bold;*/
164+ padding-left: 2pt;
165+ padding-right: 2pt;
166+ color: @white;
167+ background: @unfocused;
168+}
169+
170+/* Inactive (on unfocused output) */
171+#workspaces button.visible {
172+ color: @white;
173+ background: @inactive;
174+}
175+
176+/* Active (on focused output) */
177+#workspaces button.focused {
178+ color: @black;
179+ background: @focused;
180+}
181+
182+/* Contains an urgent window */
183+#workspaces button.urgent {
184+ color: @black;
185+ background: @warning;
186+}
187+
188+/* Style when cursor is on the button */
189+#workspaces button:hover {
190+ background: @black;
191+ color: @white;
192+}
193+
194+#window {
195+ margin-right: 35pt;
196+ margin-left: 35pt;
197+}
198+
199+#pulseaudio {
200+ background: @sound;
201+ color: @black;
202+}
203+
204+#network {
205+ background: @network;
206+ color: @white;
207+}
208+
209+#memory {
210+ background: @memory;
211+ color: @black;
212+}
213+
214+#cpu {
215+ background: @cpu;
216+ color: @white;
217+}
218+
219+#temperature {
220+ background: @temp;
221+ color: @black;
222+}
223+
224+#language {
225+ background: @layout;
226+ color: @black;
227+}
228+
229+#battery {
230+ background: @battery;
231+ color: @white;
232+}
233+
234+#tray {
235+ background: @date;
236+}
237+
238+#clock {
239+ background: @time;
240+ color: @black;
241+}
242+
243+#custom-arrow1 {
244+ color: @time;
245+ background: @date;
246+}
247+
248+#custom-arrow2 {
249+ color: @date;
250+ background: @layout;
251+}
252+
253+#custom-arrow3 {
254+ color: @layout;
255+ background: @battery;
256+}
257+
258+#custom-arrow4 {
259+ color: @battery;
260+ background: @temp;
261+}
262+
263+#custom-arrow5 {
264+ color: @temp;
265+ background: @cpu;
266+}
267+
268+#custom-arrow6 {
269+ color: @cpu;
270+ background: @memory;
271+}
272+
273+#custom-arrow7 {
274+ color: @memory;
275+ background: @network;
276+}
277+
278+#custom-arrow8 {
279+ color: @network;
280+ background: @sound;
281+}
282+
283+#custom-arrow9 {
284+ color: @sound;
285+ background: transparent;
286+}
287+
288+#custom-arrow10 {
289+ color: @unfocused;
290+ background: transparent;
291+}
+199-0style/[Extra] Crimson.css
@@ -0,0 +1,199 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* ..........Crimson.................. */
3+/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
4+
5+*{
6+font-family: "JetBrainsMono Nerd Font";
7+font-weight: bold;
8+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+font-size: 97%;
10+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+window#waybar {
14+ background: #240303;
15+ color: wheat;
16+ border-radius: 0px 0px 100px 100px;
17+ border: 1px solid grey;
18+}
19+
20+window#waybar.hidden {
21+ opacity: 0.5;
22+}
23+
24+tooltip {
25+ background: #240303;
26+ border-radius: 10px;
27+ border-width: 2px;
28+ border-style: solid;
29+ border-color: #11111b;
30+ color: wheat;
31+}
32+
33+/*-----module groups----*/
34+.modules-left,
35+.modules-center,
36+.modules-right {
37+ padding-top: 2px;
38+ padding-bottom: 2px;
39+ padding-right: 4px;
40+ padding-left: 4px;
41+}
42+
43+#taskbar button,
44+#workspaces button {
45+ color: wheat;
46+ box-shadow: none;
47+ text-shadow: none;
48+ padding: 4px;
49+ border-radius: 9px;
50+ animation: gradient_f 20s ease-in infinite;
51+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
52+}
53+
54+#taskbar button.active,
55+#workspaces button.active {
56+ color: rgb(108, 18, 18);
57+ background-color: #000000;
58+ border: 1px solid grey;
59+ border-radius: 15px 15px 15px 15px;
60+ padding-left: 8px;
61+ padding-right: 8px;
62+ animation: gradient_f 20s ease-in infinite;
63+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
64+}
65+
66+#workspaces button.focused {
67+ color: #d8dee9;
68+}
69+
70+#workspaces button.urgent {
71+ color: #11111b;
72+ border-radius: 10px;
73+}
74+
75+#taskbar button:hover,
76+#workspaces button:hover {
77+ color: rgb(71, 14, 14);
78+ background-color: #000000;
79+ border-radius: 15px;
80+ padding-left: 3px;
81+ padding-right: 3px;
82+ animation: gradient_f 20s ease-in infinite;
83+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
84+}
85+
86+#backlight,
87+#backlight-slider,
88+#battery,
89+#bluetooth,
90+#clock,
91+#cpu,
92+#disk,
93+#idle_inhibitor,
94+#keyboard-state,
95+#memory,
96+#mode,
97+#mpris,
98+#network,
99+#power-profiles-daemon,
100+#pulseaudio,
101+#pulseaudio-slider,
102+#taskbar,
103+#temperature,
104+#tray,
105+#window,
106+#wireplumber,
107+#workspaces,
108+#custom-backlight,
109+#custom-browser,
110+#custom-cava_mviz,
111+#custom-cycle_wall,
112+#custom-dot_update,
113+#custom-file_manager,
114+#custom-keybinds,
115+#custom-keyboard,
116+#custom-light_dark,
117+#custom-lock,
118+#custom-hint,
119+#custom-hypridle,
120+#custom-menu,
121+#custom-playerctl,
122+#custom-power_vertical,
123+#custom-power,
124+#custom-quit,
125+#custom-reboot,
126+#custom-settings,
127+#custom-spotify,
128+#custom-swaync,
129+#custom-tty,
130+#custom-updater,
131+#custom-weather,
132+#custom-weather.clearNight,
133+#custom-weather.cloudyFoggyDay,
134+#custom-weather.cloudyFoggyNight,
135+#custom-weather.default,
136+#custom-weather.rainyDay,
137+#custom-weather.rainyNight,
138+#custom-weather.severe,
139+#custom-weather.showyIcyDay,
140+#custom-weather.snowyIcyNight,
141+#custom-weather.sunnyDay {
142+ color: wheat;
143+ padding-top: 5px;
144+ padding-bottom: 5px;
145+ padding-right: 6px;
146+ padding-left: 6px;
147+}
148+
149+#temperature.critical {
150+ background-color: #ff0000;
151+}
152+
153+@keyframes blink {
154+ to {
155+ color: #000000;
156+ }
157+}
158+
159+/*-----Indicators----*/
160+#custom-hypridle.notactive,
161+#idle_inhibitor.activated {
162+ color: #39FF14;
163+}
164+
165+#battery.critical:not(.charging) {
166+ color: #f53c3c;
167+ animation-name: blink;
168+ animation-duration: 3.0s;
169+ animation-timing-function: steps(12);
170+ animation-iteration-count: infinite;
171+ animation-direction: alternate;
172+}
173+
174+#backlight-slider slider,
175+#pulseaudio-slider slider {
176+ min-width: 0px;
177+ min-height: 0px;
178+ opacity: 0;
179+ background-image: none;
180+ border: none;
181+ box-shadow: none;
182+}
183+
184+#backlight-slider trough,
185+#pulseaudio-slider trough {
186+ min-width: 80px;
187+ min-height: 5px;
188+ border-radius: 5px;
189+ background-color: #22252a;
190+}
191+
192+#backlight-slider highlight,
193+#pulseaudio-slider highlight {
194+ min-height: 10px;
195+ border-radius: 5px;
196+ background-color: #ba5663;
197+}
198+
199+
+324-0style/[Extra] EverForest.css
@@ -0,0 +1,324 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* --- Designed by https://github.com/DevNChill --- */
3+/* Extra - EverForest*/
4+
5+@define-color bg_dim #232A2E;
6+@define-color black #000000;
7+@define-color white #FFFFFF;
8+@define-color bg0 #2D353B;
9+@define-color bg1 #343F44;
10+@define-color bg2 #3D484D;
11+@define-color bg3 #475258;
12+@define-color bg4 #4F585E;
13+@define-color bg5 #56635f;
14+@define-color bg_visual #543A48;
15+@define-color bg_red #514045;
16+@define-color bg_green #425047;
17+@define-color bg_blue #3A515D;
18+@define-color bg_yellow #4D4C43;
19+@define-color fg #D3C6AA;
20+@define-color red #E67E80;
21+@define-color orange #E69875;
22+@define-color yellow #DBBC7F;
23+@define-color green #A7C080;
24+@define-color aqua #83C092;
25+@define-color blue #7FBBB3;
26+@define-color purple #D699B6;
27+@define-color grey0 #7A8478;
28+@define-color grey1 #859289;
29+@define-color grey2 #9DA9A0;
30+
31+* {
32+ font-family: "JetBrainsMono Nerd Font";
33+ font-weight: bold;
34+ min-height: 0;
35+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
36+ font-size: 97%;
37+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
38+ border: 1px solid transparent;
39+ border-radius: 0px;
40+ margin: 0px 1px;
41+}
42+
43+window#waybar {
44+ border: none;
45+ /*background-color: @bg_green;*/
46+ background-color: @bg_green;
47+ color: @fg;
48+ transition-property: background-color;
49+ transition-duration: 0.5s;
50+}
51+
52+window#waybar.hidden {
53+ opacity: 0.5;
54+}
55+
56+#window {
57+ padding: 0px 10px;
58+ margin: 0px 10px;
59+ border-radius: 5px;
60+ background-color: @bg0;
61+}
62+
63+.modules-left button:first-child {
64+ border-top-left-radius: 5px;
65+ border-bottom-left-radius: 5px;
66+ margin-left: 5px;
67+}
68+
69+.modules-left button:last-child {
70+ border-top-right-radius: 5px;
71+ border-bottom-right-radius: 5px;
72+ margin-right: 5px;
73+}
74+
75+#custom-menu,
76+#custom-arch {
77+ background-color: @bg;
78+ color: @red;
79+}
80+
81+#custom-swaync {
82+ color: @yellow;
83+}
84+
85+#taskbar button,
86+#workspaces button {
87+ padding: 0px 5px;
88+ background-color: @orange;
89+ color: @black;
90+}
91+
92+#taskbar button.active,
93+#workspaces button.active {
94+ background-color: @grey0;
95+ color: @black;
96+ animation: gradient_f 20s ease-in infinite;
97+ /*transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);*/
98+}
99+
100+#taskbar button:hover,
101+#workspaces button:hover {
102+ background-color: @purple;
103+ color: @black;
104+}
105+
106+#workspaces button.focused {
107+ background-color: @green;
108+ color: @bg0;
109+}
110+
111+#workspaces button.urgent {
112+ background-color: @red; /* Keeps the original color */
113+ color: @white; /* Sets text color to white for better contrast */
114+ border: 2px solid @red; /* Adds a border with the same color */
115+ box-shadow: 0 0 10px @red; /* Adds a glow effect */
116+ font-weight: bold; /* Makes text bold for more emphasis */
117+ transition:
118+ background-color 0.3s,
119+ box-shadow 0.3s; /* Smooth transition for hover effect */
120+}
121+
122+#cpu {
123+ border-radius: 5px 0px 0px 5px;
124+ padding: 0px 5px;
125+ background-color: @yellow;
126+ color: @bg_yellow;
127+}
128+
129+#memory {
130+ padding: 0px 5px;
131+ background-color: @yellow;
132+ color: @bg_yellow;
133+}
134+
135+#temperature {
136+ padding: 0px 5px;
137+ background-color: @green;
138+ color: @bg_yellow;
139+}
140+#temperature.critical {
141+ background-color: @red;
142+}
143+
144+#disk {
145+ border-radius: 0px 5px 5px 0px;
146+ padding: 0px 5px;
147+ margin-right: 5px;
148+ background-color: @green;
149+ color: @bg_yellow;
150+}
151+
152+#battery.bat2 {
153+ border-radius: 0px 5px 5px 0px;
154+}
155+
156+.modules-left :last-child {
157+ border-radius: 0px 5px 5px 0px;
158+}
159+#battery {
160+ border-radius: 5px 0px 0px 5px;
161+ padding: 0px 5px;
162+ background-color: @aqua;
163+ color: @bg_yellow;
164+}
165+#battery.plugged {
166+ color: @fg;
167+ background-color: @bg_green;
168+}
169+#battery.charging {
170+ color: @fg;
171+ background-color: @bg_green;
172+}
173+#battery.critical:not(.charging) {
174+ background-color: @red;
175+ color: @fg;
176+ animation-name: blink;
177+ animation-duration: 3.0s;
178+ animation-timing-function: steps(12);
179+ animation-iteration-count: infinite;
180+ animation-direction: alternate;
181+}
182+@keyframes blink {
183+ to {
184+ background-color: @fg;
185+ color: @bg_dim;
186+ }
187+}
188+
189+#backlight {
190+ border-radius: 5px 0px 0px 5px;
191+ padding: 0px 5px;
192+ margin-left: 5px;
193+ background-color: @red;
194+ color: @black;
195+}
196+
197+#network,
198+#pulseaudio {
199+ padding: 0px 5px;
200+ border-radius: 0px 5px 5px 0px;
201+ background-color: @blue;
202+ color: @bg_yellow;
203+}
204+
205+#pulseaudio.muted {
206+ background-color: @grey1;
207+ color: @bg_yellow;
208+}
209+
210+#tray {
211+ padding: 0px 5px;
212+ border-radius: 5px;
213+ margin-left: 5px;
214+ color: @fg;
215+ background-color: @bg0;
216+}
217+
218+#custom-hypridle,
219+#idle_inhibitor {
220+ padding: 0px 5px;
221+ border-radius: 5px;
222+ margin-left: 5px;
223+ background-color: @blue;
224+ color: @black;
225+}
226+/*-----Indicators----*/
227+#custom-hypridle.notactive,
228+#idle_inhibitor.activated {
229+ background-color: @fg;
230+ color: @bg0;
231+}
232+
233+#clock {
234+ padding: 0px 5px;
235+ border-radius: 5px;
236+ margin: 0px 5px;
237+ color: @bg_yellow;
238+ background-color: @aqua;
239+}
240+
241+#backlight-slider slider,
242+#pulseaudio-slider slider {
243+ min-width: 0px;
244+ min-height: 0px;
245+ opacity: 0;
246+ background-image: none;
247+ border: none;
248+ box-shadow: none;
249+}
250+
251+#backlight-slider trough,
252+#pulseaudio-slider trough {
253+ min-width: 80px;
254+ min-height: 5px;
255+ border-radius: 5px;
256+ background-color: #22252a;
257+}
258+
259+#backlight-slider highlight,
260+#pulseaudio-slider highlight {
261+ min-height: 10px;
262+ border-radius: 5px;
263+ background-color: #ba5663;
264+}
265+
266+#backlight,
267+#backlight-slider,
268+#battery,
269+#bluetooth,
270+#clock,
271+#cpu,
272+#disk,
273+#idle_inhibitor,
274+#keyboard-state,
275+#memory,
276+#mode,
277+#mpris,
278+#network,
279+#power-profiles-daemon,
280+#pulseaudio,
281+#pulseaudio-slider,
282+#taskbar,
283+#temperature,
284+#tray,
285+#window,
286+#wireplumber,
287+#workspaces,
288+#custom-backlight,
289+#custom-browser,
290+#custom-cava_mviz,
291+#custom-cycle_wall,
292+#custom-dot_update,
293+#custom-file_manager,
294+#custom-keybinds,
295+#custom-keyboard,
296+#custom-light_dark,
297+#custom-lock,
298+#custom-hint,
299+#custom-hypridle,
300+#custom-menu,
301+#custom-playerctl,
302+#custom-power_vertical,
303+#custom-power,
304+#custom-quit,
305+#custom-reboot,
306+#custom-settings,
307+#custom-spotify,
308+#custom-swaync,
309+#custom-tty,
310+#custom-updater,
311+#custom-weather,
312+#custom-weather.clearNight,
313+#custom-weather.cloudyFoggyDay,
314+#custom-weather.cloudyFoggyNight,
315+#custom-weather.default,
316+#custom-weather.rainyDay,
317+#custom-weather.rainyNight,
318+#custom-weather.severe,
319+#custom-weather.showyIcyDay,
320+#custom-weather.snowyIcyNight,
321+#custom-weather.sunnyDay {
322+ padding-right: 5px;
323+ padding-left: 5px;
324+}
+363-0style/[Extra] ML4W starter.css
@@ -0,0 +1,363 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* ML4W - Waybar Style */
3+/* Original design from ML4W - Hyprland Starter Waybar */
4+
5+@define-color backgroundlight #FFFFFF;
6+@define-color backgrounddark #FFFFFF;
7+@define-color workspacesbackground1 #FFFFFF;
8+@define-color workspacesbackground2 #CCCCCC;
9+@define-color bordercolor #FFFFFF;
10+@define-color textcolor1 #000000;
11+@define-color textcolor2 #000000;
12+@define-color textcolor3 #FFFFFF;
13+@define-color iconcolor #FFFFFF;
14+
15+/* -----------------------------------------------------
16+ * General
17+ * ----------------------------------------------------- */
18+
19+* {
20+ font-family: "JetBrainsMono Nerd Font";
21+ border: none;
22+ border-radius: 4px;
23+ font-weight: bold;
24+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
25+ font-size: 97%;
26+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
27+}
28+
29+window#waybar {
30+ background-color: rgba(0,0,0,0.2);
31+ border-bottom: 0px solid #ffffff;
32+ /* color: #FFFFFF; */
33+ transition-property: background-color;
34+ transition-duration: .5s;
35+}
36+
37+/* -----------------------------------------------------
38+ * Workspaces & Taskbar
39+ * ----------------------------------------------------- */
40+
41+#taskbar,
42+#workspaces {
43+ margin: 5px 1px 6px 1px;
44+ padding: 0px 1px;
45+ border-radius: 15px;
46+ border: 0px;
47+ font-weight: bold;
48+ font-style: normal;
49+ color: @textcolor1;
50+}
51+
52+#taskbar button,
53+#workspaces button {
54+ padding: 0px 5px;
55+ margin: 4px 3px;
56+ border-radius: 12px;
57+ border: 0px;
58+ color: @textcolor3;
59+ transition: all 0.3s ease-in-out;
60+}
61+
62+#taskbar button.active,
63+#workspaces button.active {
64+ color: @textcolor1;
65+ background: @workspacesbackground2;
66+ border-radius: 8px;
67+ min-width: 40px;
68+ transition: all 0.3s ease-in-out;
69+}
70+
71+#workspaces button:hover {
72+ color: @textcolor1;
73+ background: @workspacesbackground2;
74+ border-radius: 15px;
75+}
76+
77+/* -----------------------------------------------------
78+ * Tooltips
79+ * ----------------------------------------------------- */
80+
81+tooltip {
82+ border-radius: 10px;
83+ background-color: @backgroundlight;
84+ opacity:0.8;
85+ padding:20px;
86+ margin:0px;
87+}
88+
89+tooltip label {
90+ color: @textcolor2;
91+}
92+
93+/* -----------------------------------------------------
94+ * Window
95+ * ----------------------------------------------------- */
96+
97+#window {
98+ background: @backgroundlight;
99+ margin: 10px 15px 10px 0px;
100+ padding: 2px 10px 0px 10px;
101+ border-radius: 8px;
102+ color:@textcolor2;
103+ font-weight:normal;
104+}
105+
106+window#waybar.empty #window {
107+ background-color:transparent;
108+}
109+
110+/* -----------------------------------------------------
111+ * Modules
112+ * ----------------------------------------------------- */
113+
114+.modules-left > widget:first-child > #workspaces {
115+ margin-left: 0;
116+}
117+
118+.modules-right > widget:last-child > #workspaces {
119+ margin-right: 0;
120+}
121+
122+/* -----------------------------------------------------
123+ * Custom Quicklinks
124+ * ----------------------------------------------------- */
125+
126+#network,
127+#pulseaudio,
128+#battery,
129+#clock {
130+ margin-right: 20px;
131+ font-weight: bold;
132+ color: @iconcolor;
133+ padding: 4px 10px 2px 10px;
134+}
135+
136+#backlight,
137+#backlight-slider,
138+#battery,
139+#bluetooth,
140+#clock,
141+#cpu,
142+#disk,
143+#idle_inhibitor,
144+#keyboard-state,
145+#memory,
146+#mode,
147+#mpris,
148+#network,
149+#power-profiles-daemon,
150+#pulseaudio,
151+#pulseaudio-slider,
152+#taskbar,
153+#temperature,
154+#tray,
155+#wireplumber,
156+#workspaces,
157+#custom-backlight,
158+#custom-browser,
159+#custom-cava_mviz,
160+#custom-cycle_wall,
161+#custom-dot_update,
162+#custom-file_manager,
163+#custom-keybinds,
164+#custom-keyboard,
165+#custom-light_dark,
166+#custom-lock,
167+#custom-hint,
168+#custom-hypridle,
169+#custom-menu,
170+#custom-playerctl,
171+#custom-power_vertical,
172+#custom-power,
173+#custom-quit,
174+#custom-reboot,
175+#custom-settings,
176+#custom-spotify,
177+#custom-swaync,
178+#custom-tty,
179+#custom-updater,
180+#custom-weather,
181+#custom-weather.clearNight,
182+#custom-weather.cloudyFoggyDay,
183+#custom-weather.cloudyFoggyNight,
184+#custom-weather.default,
185+#custom-weather.rainyDay,
186+#custom-weather.rainyNight,
187+#custom-weather.severe,
188+#custom-weather.showyIcyDay,
189+#custom-weather.snowyIcyNight,
190+#custom-weather.sunnyDay {
191+ padding-right: 6px;
192+ padding-left: 6px;
193+ color: @iconcolor;
194+}
195+
196+/* -----------------------------------------------------
197+ * Custom Modules
198+ * ----------------------------------------------------- */
199+
200+#custom-menu {
201+ background-color: @backgrounddark;
202+ color: @textcolor1;
203+ border-radius: 10px;
204+ margin: 10px 10px 10px 10px;
205+ padding-right: 6px;
206+ padding-left: 4px;
207+}
208+
209+#custom-power {
210+ margin: 2px 10px 0px 0px;
211+ padding:0px;
212+ color: @iconcolor;
213+}
214+
215+/* -----------------------------------------------------
216+ * Hardware Group
217+ * ----------------------------------------------------- */
218+
219+ #disk,#memory,#cpu,#language {
220+ margin:0px;
221+ padding:0px;
222+ color:@iconcolor;
223+}
224+
225+#language {
226+ margin-right:10px;
227+}
228+
229+/* -----------------------------------------------------
230+ * Clock
231+ * ----------------------------------------------------- */
232+
233+#clock {
234+ background-color: @backgrounddark;
235+ color: @textcolor1;
236+ border-radius: 15px;
237+ margin: 10px 2px 10px 0px;
238+}
239+
240+/* -----------------------------------------------------
241+ * Pulseaudio
242+ * ----------------------------------------------------- */
243+
244+#pulseaudio {
245+ background-color: @backgroundlight;
246+ color: @textcolor2;
247+ border-radius: 12px;
248+ margin: 10px 10px 10px 0px;
249+}
250+
251+#pulseaudio.muted {
252+ background-color: @backgrounddark;
253+ color: @textcolor1;
254+}
255+
256+/* -----------------------------------------------------
257+ * Network
258+ * ----------------------------------------------------- */
259+
260+#network {
261+ background-color: @backgroundlight;
262+ color: @textcolor2;
263+ border-radius: 15px;
264+ margin: 10px 10px 10px 0px;
265+}
266+
267+#network.ethernet {
268+ background-color: @backgroundlight;
269+ color: @textcolor2;
270+}
271+
272+#network.wifi {
273+ background-color: @backgroundlight;
274+ color: @textcolor2;
275+}
276+
277+/* -----------------------------------------------------
278+ * Bluetooth
279+ * ----------------------------------------------------- */
280+
281+ #bluetooth, #bluetooth.on, #bluetooth.connected {
282+ background-color: @backgroundlight;
283+ color: @textcolor2;
284+ border-radius: 15px;
285+ margin: 10px 15px 10px 0px;
286+}
287+
288+#bluetooth.off {
289+ background-color: transparent;
290+ padding: 0px;
291+ margin: 0px;
292+}
293+
294+/* -----------------------------------------------------
295+ * Battery
296+ * ----------------------------------------------------- */
297+
298+#battery {
299+ background-color: @backgroundlight;
300+ color: @textcolor2;
301+ border-radius: 15px;
302+ margin: 10px 15px 10px 0px;
303+}
304+
305+#battery.charging, #battery.plugged {
306+ color: @textcolor2;
307+ background-color: @backgroundlight;
308+}
309+
310+@keyframes blink {
311+ to {
312+ background-color: @backgroundlight;
313+ color: @textcolor2;
314+ }
315+}
316+
317+#battery.critical:not(.charging) {
318+ background-color: #f53c3c;
319+ color: @textcolor3;
320+ animation-name: blink;
321+ animation-duration: 0.5s;
322+ animation-timing-function: linear;
323+ animation-iteration-count: infinite;
324+ animation-direction: alternate;
325+}
326+
327+/* -----------------------------------------------------
328+ * Tray
329+ * ----------------------------------------------------- */
330+
331+#tray {
332+ margin:0px 10px 0px 0px;
333+}
334+
335+#tray > .passive {
336+ -gtk-icon-effect: dim;
337+}
338+
339+#tray > .needs-attention {
340+ -gtk-icon-effect: highlight;
341+ background-color: #eb4d4b;
342+}
343+
344+/* -----------------------------------------------------
345+ * Other
346+ * ----------------------------------------------------- */
347+
348+label:focus {
349+ background-color: #000000;
350+}
351+
352+#backlight {
353+ background-color: #90b1b1;
354+}
355+
356+#network {
357+ background-color: #2980b9;
358+}
359+
360+#network.disconnected {
361+ background-color: #f53c3c;
362+}
363+
+217-0style/[Extra] Mauve.css
@@ -0,0 +1,217 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* .......Mauve....................... */
3+/* --- ๐Ÿ‘ designed by https://github.com/CelestiaKai ๐Ÿ‘ --- */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+window#waybar {
15+ background: #11111b;
16+ color: #cba6f7;
17+}
18+
19+window#waybar.hidden {
20+ opacity: 0.5;
21+}
22+
23+tooltip {
24+ background: #1e1e2e;
25+ border-radius: 10px;
26+ border-width: 2px;
27+ border-style: solid;
28+ border-color: #11111b;
29+ color: #cba6f7;
30+}
31+
32+/*-----module groups----*/
33+.modules-left,
34+.modules-right {
35+ border: 3px solid #11111b;
36+ border-radius: 10px 10px 10px 10px;
37+ background-color: #313244;
38+ padding-top: 2px;
39+ padding-bottom: 2px;
40+ padding-right: 4px;
41+ padding-left: 4px;
42+}
43+
44+.modules-center {
45+ padding-top: 2px;
46+ padding-bottom: 2px;
47+ padding-right: 4px;
48+ padding-left: 4px;
49+}
50+
51+#taskbar button,
52+#workspaces button {
53+ color: #6E6A86;
54+ box-shadow: none;
55+ text-shadow: none;
56+ padding: 0px;
57+ border-radius: 9px;
58+ padding-left: 4px;
59+ padding-right: 4px;
60+ animation: gradient_f 20s ease-in infinite;
61+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
62+}
63+
64+#taskbar button.active,
65+#workspaces button.active {
66+ color: #1e1e1e;
67+ border-radius: 30%;
68+ background-color: #cba6f7;
69+ padding-left: 6px;
70+ padding-right: 8px;
71+ animation: gradient_f 20s ease-in infinite;
72+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
73+}
74+
75+#workspaces button.active:hover {
76+ color: #1e1e1e;
77+ border-radius: 30%;
78+ background-color: #cba6f7;
79+ padding-left: 6px;
80+ padding-right: 8px;
81+}
82+
83+#workspaces button.focused {
84+ color: #d8dee9;
85+}
86+
87+#workspaces button.urgent {
88+ border-radius: 30%;
89+ background-color: #cba6f7;
90+ color: #1e1e1e;
91+}
92+
93+#taskbar button:hover,
94+#workspaces button:hover {
95+ color: #1e1e1e;
96+ border: 3px solid #1e1e2e;
97+ background-color: #cba6f7;
98+ border-radius: 30%;
99+ padding-left: 4px;
100+ padding-right: 4px;
101+ animation: gradient_f 20s ease-in infinite;
102+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
103+}
104+
105+#backlight,
106+#backlight-slider,
107+#battery,
108+#bluetooth,
109+#clock,
110+#cpu,
111+#disk,
112+#idle_inhibitor,
113+#keyboard-state,
114+#memory,
115+#mode,
116+#mpris,
117+#network,
118+#power-profiles-daemon,
119+#pulseaudio,
120+#pulseaudio-slider,
121+#taskbar,
122+#temperature,
123+#tray,
124+#window,
125+#wireplumber,
126+#workspaces,
127+#custom-backlight,
128+#custom-browser,
129+#custom-cava_mviz,
130+#custom-cycle_wall,
131+#custom-dot_update,
132+#custom-file_manager,
133+#custom-keybinds,
134+#custom-keyboard,
135+#custom-light_dark,
136+#custom-lock,
137+#custom-hint,
138+#custom-hypridle,
139+#custom-menu,
140+#custom-playerctl,
141+#custom-power_vertical,
142+#custom-power,
143+#custom-quit,
144+#custom-reboot,
145+#custom-settings,
146+#custom-spotify,
147+#custom-swaync,
148+#custom-tty,
149+#custom-updater,
150+#custom-weather,
151+#custom-weather.clearNight,
152+#custom-weather.cloudyFoggyDay,
153+#custom-weather.cloudyFoggyNight,
154+#custom-weather.default,
155+#custom-weather.rainyDay,
156+#custom-weather.rainyNight,
157+#custom-weather.severe,
158+#custom-weather.showyIcyDay,
159+#custom-weather.snowyIcyNight,
160+#custom-weather.sunnyDay {
161+ color: whitesmoke;
162+ padding-top: 4px;
163+ padding-bottom: 4px;
164+ padding-right: 6px;
165+ padding-left: 6px;
166+
167+}
168+
169+#temperature.critical {
170+ background-color: #ff0000;
171+}
172+
173+@keyframes blink {
174+ to {
175+ color: #000000;
176+ }
177+}
178+
179+/*-----Indicators----*/
180+#custom-hypridle.notactive,
181+#idle_inhibitor.activated {
182+ color: #39FF14;
183+}
184+
185+#battery.critical:not(.charging) {
186+ color: #f53c3c;
187+ animation-name: blink;
188+ animation-duration: 3.0s;
189+ animation-timing-function: steps(12);
190+ animation-iteration-count: infinite;
191+ animation-direction: alternate;
192+}
193+
194+#backlight-slider slider,
195+#pulseaudio-slider slider {
196+ min-width: 0px;
197+ min-height: 0px;
198+ opacity: 0;
199+ background-image: none;
200+ border: none;
201+ box-shadow: none;
202+}
203+
204+#backlight-slider trough,
205+#pulseaudio-slider trough {
206+ min-width: 80px;
207+ min-height: 5px;
208+ border-radius: 5px;
209+ background-color: #6E6A86;
210+}
211+
212+#backlight-slider highlight,
213+#pulseaudio-slider highlight {
214+ min-height: 10px;
215+ border-radius: 5px;
216+ background-color: purple;
217+}
+279-0style/[Extra] Modern-Combined - Transparent.css
@@ -0,0 +1,279 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Extra - Combined Modern - transparent */
3+
4+/* NOTE: This style is NOT vertical layout friendly! */
5+
6+@define-color white #F2F2F2;
7+@define-color black #000000;
8+@define-color text #FFFFFF;
9+@define-color lightgray #686868;
10+@define-color darkgray #353535;
11+
12+@define-color transparent rgba(1, 1, 1, 0.5);
13+@define-color teal-trans rgba(1, 117, 84, 0.5);
14+@define-color cyan rgba(53, 140, 169, 1);
15+
16+@define-color background-module @color1;
17+@define-color background-module2 @color11;
18+@define-color border-color @color12;
19+@define-color button-color @color10;
20+@define-color button-hover @color13;
21+
22+@define-color backgroundlight @color12;
23+@define-color backgrounddark #FFFFFF;
24+@define-color workspacesbackground1 @color12;
25+@define-color workspacesbackground2 #FFFFFF;
26+@define-color bordercolor @color11;
27+@define-color textcolor1 @color12;
28+@define-color textcolor2 #FFFFFF;
29+@define-color textcolor3 #FFFFFF;
30+@define-color iconcolor #FFFFFF;
31+
32+@import '../../.config/waybar/wallust/colors-waybar.css';
33+@import "../waybar/style/catppuccin-themes/latte.css";
34+
35+* {
36+ font-family: "JetBrainsMono Nerd Font";
37+ font-weight: bold;
38+ min-height: 0;
39+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
40+ font-size: 97%;
41+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
42+}
43+
44+window#waybar {
45+ background-color: transparent;
46+ border-radius: 6px;
47+ padding-top: 2px;
48+ padding-bottom: 0px;
49+ padding-right: 4px;
50+ padding-left: 4px;
51+}
52+
53+tooltip {
54+ background: #1e1e2e;
55+ border-radius: 12px;
56+ border-width: 1px;
57+ border-style: solid;
58+ border-color: @border-color;
59+ color: #ffffff;
60+}
61+
62+#taskbar button,
63+#workspaces button {
64+ padding: 0px 3px;
65+ margin: 3px 2px;
66+ border-radius: 4px;
67+ color: @textcolor1;
68+ background-color: @workspacesbackground2;
69+ transition: all 0.1s linear;
70+ opacity: 0.4;
71+}
72+
73+#taskbar button.active,
74+#workspaces button.active {
75+ color: @textcolor1;
76+ background: @workspacesbackground2;
77+ border-radius: 4px;
78+ min-width: 30px;
79+ animation: gradient_f 20s ease-in infinite;
80+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
81+ opacity: 1.0;
82+}
83+
84+#taskbar button:hover,
85+#workspaces button:hover {
86+ color: @red;
87+ background: @workspacesbackground2;
88+ border-radius: 3px;
89+ opacity:0.6;
90+ animation: gradient_f 20s ease-in infinite;
91+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
92+}
93+
94+#workspaces button.focused {
95+ color: #d8dee9;
96+}
97+
98+#workspaces button.urgent {
99+ color: #11111b;
100+ border-radius: 10px;
101+}
102+
103+/*-----module groups----*/
104+.modules-left,
105+.modules-right {
106+ background-color: transparent;
107+}
108+
109+.modules-center {
110+ background-color: @background-module;
111+ border-radius: 0px 0px 45px 45px;
112+ padding-top: 8px;
113+ padding-bottom: 8px;
114+ padding-left: 10px;
115+ padding-right: 6px;
116+}
117+
118+#backlight,
119+#backlight-slider,
120+#battery,
121+#bluetooth,
122+#clock,
123+#cpu,
124+#disk,
125+#idle_inhibitor,
126+#keyboard-state,
127+#memory,
128+#mode,
129+#mpris,
130+#network,
131+#power-profiles-daemon,
132+#pulseaudio,
133+#pulseaudio-slider,
134+#taskbar button,
135+#taskbar,
136+#temperature,
137+#tray,
138+#window,
139+#wireplumber,
140+#workspaces,
141+#custom-backlight,
142+#custom-browser,
143+#custom-cava_mviz,
144+#custom-cycle_wall,
145+#custom-dot_update,
146+#custom-file_manager,
147+#custom-keybinds,
148+#custom-keyboard,
149+#custom-light_dark,
150+#custom-lock,
151+#custom-hint,
152+#custom-hypridle,
153+#custom-menu,
154+#custom-playerctl,
155+#custom-power_vertical,
156+#custom-power,
157+#custom-quit,
158+#custom-reboot,
159+#custom-settings,
160+#custom-spotify,
161+#custom-swaync,
162+#custom-tty,
163+#custom-updater,
164+#custom-weather,
165+#custom-weather.clearNight,
166+#custom-weather.cloudyFoggyDay,
167+#custom-weather.cloudyFoggyNight,
168+#custom-weather.default,
169+#custom-weather.rainyDay,
170+#custom-weather.rainyNight,
171+#custom-weather.severe,
172+#custom-weather.showyIcyDay,
173+#custom-weather.snowyIcyNight,
174+#custom-weather.sunnyDay {
175+ color: white;
176+ padding-right: 6px;
177+ padding-left: 6px;
178+}
179+
180+#temperature.critical {
181+ background-color: #ff0000;
182+}
183+
184+@keyframes blink {
185+ to {
186+ color: #000000;
187+ }
188+}
189+
190+#custom-hint {
191+ color: @peach;
192+ padding-right: 6px;
193+ padding-left: 6px;
194+}
195+
196+#pulseaudio.muted {
197+ color: red;
198+}
199+
200+#temperature.critical {
201+ background-color: @red;
202+}
203+
204+#battery.critical:not(.charging) {
205+ color: #f53c3c;
206+ animation-name: blink;
207+ animation-duration: 3.0s;
208+ animation-timing-function: steps(12);
209+ animation-iteration-count: infinite;
210+ animation-direction: alternate;
211+}
212+
213+#pulseaudio-slider,
214+#pulseaudio {
215+ color: @foreground;
216+}
217+
218+#backlight-slider slider,
219+#pulseaudio-slider slider {
220+ min-width: 0px;
221+ min-height: 0px;
222+ opacity: 0;
223+ background-image: none;
224+ border: none;
225+ box-shadow: none;
226+}
227+
228+#backlight-slider trough,
229+#pulseaudio-slider trough {
230+ min-width: 80px;
231+ min-height: 5px;
232+ border-radius: 5px;
233+}
234+
235+#backlight-slider highlight,
236+#pulseaudio-slider highlight {
237+ min-height: 10px;
238+ border-radius: 5px;
239+}
240+
241+#custom-hypridle,
242+#custom-lock,
243+#idle_inhibitor {
244+ color: @teal;
245+}
246+
247+#custom-weather,
248+#custom-weather.clearNight,
249+#custom-weather.cloudyFoggyDay,
250+#custom-weather.cloudyFoggyNight,
251+#custom-weather.default,
252+#custom-weather.rainyDay,
253+#custom-weather.rainyNight,
254+#custom-weather.severe,
255+#custom-weather.showyIcyDay,
256+#custom-weather.snowyIcyNight,
257+#custom-weather.sunnyDay {
258+ color: @lavender;
259+ padding-right: 6px;
260+ padding-left: 6px;
261+}
262+
263+/*-----Indicators----*/
264+#custom-hypridle.notactive,
265+#idle_inhibitor.activated {
266+ color: #39FF14;
267+}
268+
269+#clock {
270+ color: @sapphire;
271+ border-radius: 15px;
272+}
273+
274+#custom-updates {
275+ color: @yellow;
276+}
277+
278+#custom-swaync{
279+ color: #ffd700;}
+294-0style/[Extra] Modern-Combined.css
@@ -0,0 +1,294 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Extra - Combined Modern */
3+
4+/* NOTE: This style is NOT vertical layout friendly! */
5+
6+@define-color white #F2F2F2;
7+@define-color black #000000;
8+@define-color text #FFFFFF;
9+@define-color lightgray #686868;
10+@define-color darkgray #353535;
11+
12+@define-color transparent rgba(1, 1, 1, 0.5);
13+@define-color teal-trans rgba(1, 117, 84, 0.5);
14+@define-color cyan rgba(53, 140, 169, 1);
15+
16+@define-color background-module @color1;
17+@define-color background-module2 @color11;
18+@define-color border-color @color12;
19+@define-color button-color @color10;
20+@define-color button-hover @color13;
21+
22+@define-color backgroundlight @color12;
23+@define-color backgrounddark #FFFFFF;
24+@define-color workspacesbackground1 @color12;
25+@define-color workspacesbackground2 #FFFFFF;
26+@define-color bordercolor @color11;
27+@define-color textcolor1 @color12;
28+@define-color textcolor2 #FFFFFF;
29+@define-color textcolor3 #FFFFFF;
30+@define-color iconcolor #FFFFFF;
31+
32+@import '../../.config/waybar/wallust/colors-waybar.css';
33+@import "../waybar/style/catppuccin-themes/latte.css";
34+
35+* {
36+ font-family: "JetBrainsMono Nerd Font";
37+ font-weight: bold;
38+ min-height: 0;
39+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
40+ font-size: 97%;
41+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
42+}
43+
44+window#waybar {
45+ background-color: rgba(0,0,0,0.4);
46+ border-radius: 6px;
47+ padding-top: 2px;
48+ padding-bottom: 0px;
49+ padding-right: 4px;
50+ padding-left: 4px;
51+}
52+
53+tooltip {
54+ background: #1e1e2e;
55+ border-radius: 12px;
56+ border-width: 1px;
57+ border-style: solid;
58+ border-color: @border-color;
59+ color: #ffffff;
60+}
61+
62+#taskbar button,
63+#workspaces button {
64+ padding: 0px 3px;
65+ margin: 3px 2px;
66+ border-radius: 4px;
67+ color: @textcolor1;
68+ background-color: @workspacesbackground2;
69+ transition: all 0.1s linear;
70+ opacity: 0.4;
71+}
72+
73+#taskbar button.active,
74+#workspaces button.active {
75+ color: @textcolor1;
76+ background: @workspacesbackground2;
77+ border-radius: 10px;
78+ min-width: 30px;
79+ animation: gradient_f 20s ease-in infinite;
80+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
81+ opacity: 1.0;
82+}
83+
84+#taskbar button:hover,
85+#workspaces button:hover {
86+ color: @red;
87+ background: @workspacesbackground2;
88+ border-radius: 5px;
89+ opacity:0.6;
90+ animation: gradient_f 20s ease-in infinite;
91+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
92+}
93+
94+
95+#workspaces button.focused {
96+ color: #d8dee9;
97+}
98+
99+#workspaces button.urgent {
100+ color: #11111b;
101+ border-radius: 10px;
102+}
103+
104+#clock#2 {
105+ color: #efe8f7;
106+}
107+
108+/*-----module groups----*/
109+.modules-left,
110+.modules-right {
111+ background-color: transparent;
112+}
113+
114+.modules-center {
115+ background-color: @background-module;
116+ border-radius: 0px 0px 45px 45px;
117+ padding-top: 8px;
118+ padding-bottom: 8px;
119+ padding-left: 10px;
120+ padding-right: 6px;
121+}
122+
123+#backlight,
124+#backlight-slider,
125+#battery,
126+#bluetooth,
127+#clock,
128+#cpu,
129+#disk,
130+#idle_inhibitor,
131+#keyboard-state,
132+#memory,
133+#mode,
134+#mpris,
135+#network,
136+#power-profiles-daemon,
137+#pulseaudio,
138+#pulseaudio-slider,
139+#taskbar,
140+#temperature,
141+#tray,
142+#window,
143+#wireplumber,
144+#workspaces,
145+#custom-backlight,
146+#custom-browser,
147+#custom-cycle_wall,
148+#custom-dot_update,
149+#custom-file_manager,
150+#custom-keybinds,
151+#custom-keyboard,
152+#custom-light_dark,
153+#custom-lock,
154+#custom-hint,
155+#custom-hypridle,
156+#custom-menu,
157+#custom-playerctl,
158+#custom-power_vertical,
159+#custom-power,
160+#custom-quit,
161+#custom-reboot,
162+#custom-settings,
163+#custom-spotify,
164+#custom-swaync,
165+#custom-tty,
166+#custom-updater {
167+ color: @foreground;
168+ padding-right: 6px;
169+ padding-left: 6px;
170+}
171+
172+#temperature.critical {
173+ background-color: #ff0000;
174+}
175+
176+@keyframes blink {
177+ to {
178+ color: #000000;
179+ }
180+}
181+
182+#custom-playerctl,
183+#custom-cava_mviz {
184+ color: @sky;
185+}
186+
187+#custom-hint {
188+ color: @peach;
189+ padding-right: 6px;
190+ padding-left: 6px;
191+}
192+
193+#pulseaudio-slider,
194+#pulseaudio {
195+ color: @foreground;
196+}
197+
198+#pulseaudio.muted {
199+ color: red;
200+}
201+
202+#backlight-slider slider,
203+#pulseaudio-slider slider {
204+ min-width: 0px;
205+ min-height: 0px;
206+ opacity: 0;
207+ background-image: none;
208+ border: none;
209+ box-shadow: none;
210+}
211+
212+#backlight-slider trough,
213+#pulseaudio-slider trough {
214+ min-width: 80px;
215+ min-height: 5px;
216+ border-radius: 5px;
217+ background-color: #22252a;
218+}
219+
220+#backlight-slider highlight,
221+#pulseaudio-slider highlight {
222+ min-height: 10px;
223+ border-radius: 5px;
224+ background-color: #ba5663;
225+}
226+
227+#memory {
228+ color: @sapphire;
229+}
230+
231+#cpu {
232+ color: @mauve;
233+}
234+
235+#battery {
236+ color: @rosewater;
237+}
238+
239+#disk {
240+ color: @green;
241+}
242+
243+#temperature.critical {
244+ background-color: @red;
245+}
246+
247+#battery.critical:not(.charging) {
248+ color: #f53c3c;
249+ animation-name: blink;
250+ animation-duration: 3.0s;
251+ animation-timing-function: steps(12);
252+ animation-iteration-count: infinite;
253+ animation-direction: alternate;
254+}
255+
256+#custom-hypridle,
257+#custom-lock,
258+#idle_inhibitor {
259+ color: @teal;
260+}
261+
262+#custom-weather,
263+#custom-weather.clearNight,
264+#custom-weather.cloudyFoggyDay,
265+#custom-weather.cloudyFoggyNight,
266+#custom-weather.default,
267+#custom-weather.rainyDay,
268+#custom-weather.rainyNight,
269+#custom-weather.severe,
270+#custom-weather.showyIcyDay,
271+#custom-weather.snowyIcyNight,
272+#custom-weather.sunnyDay {
273+ color: @lavender;
274+ padding-right: 6px;
275+ padding-left: 6px;
276+}
277+
278+/*-----Indicators----*/
279+#custom-hypridle.notactive,
280+#idle_inhibitor.activated {
281+ color: #39FF14;
282+}
283+
284+#clock {
285+ color: @sapphire;
286+ border-radius: 15px;
287+}
288+
289+#custom-updates {
290+ color: @yellow;
291+}
292+
293+#custom-swaync{
294+ color: #ffd700;}
+422-0style/[Extra] Neon Circuit.css
@@ -0,0 +1,422 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* --- Extra - Neon Circuit - waybar style ---*/
3+
4+@define-color bar-bg rgba(0, 0, 0, 0);
5+@define-color main-bg #313244;
6+@define-color main-fg #b4befe;
7+@define-color wb-act-bg #b4befe;
8+@define-color wb-act-fg #1e1e2e;
9+@define-color wb-hvr-bg #f5c2e7;
10+@define-color wb-hvr-fg #313244;
11+
12+* {
13+ border: none;
14+ border-radius: 0px;
15+ font-family: "JetBrainsMono Nerd Font";
16+ font-weight: bold;
17+ min-height: 0;
18+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
19+ font-size: 97%;
20+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
21+}
22+
23+window#waybar {
24+ background: @bar-bg;
25+}
26+
27+tooltip {
28+ background: @main-bg;
29+ color: @main-fg;
30+ border-radius: 12px;
31+ border-width: 0px;
32+}
33+
34+#taskbar button,
35+#workspaces button {
36+ box-shadow: none;
37+ text-shadow: none;
38+ padding: 2px;
39+ border: 2px;
40+ border-color: #b4befe;
41+ border-width: 5px;
42+ border-radius: 10px;
43+ margin-top: 2px;
44+ margin-bottom: 2px;
45+ margin-left: 0px;
46+ padding-left: 6px;
47+ padding-right: 0px;
48+ margin-right: 0px;
49+ color: @wb-act-fg;
50+ background-color: #b4befe;
51+ animation: ws_normal 2s ease-in-out 1;
52+}
53+
54+#taskbar button.active,
55+#workspaces button.active {
56+ background-image: linear-gradient(45deg, #89b4fa 50%, #cba6f7 50%);
57+ color: @wb-act-fg;
58+ border-radius: 12px;
59+ margin-left: 4px;
60+ padding-left: 12px;
61+ padding-right: 12px;
62+ margin-right: 4px;
63+ animation: ws_active 2s ease-in-out 1;
64+ transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682);
65+}
66+
67+#taskbar button:hover,
68+#workspaces button:hover {
69+ background: @wb-hvr-bg;
70+ color: @wb-hvr-fg;
71+ animation: ws_hover 20s ease-in-out 1;
72+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
73+}
74+
75+#tray menu * {
76+ min-height: 18px
77+}
78+
79+#tray menu separator {
80+ min-height: 16px
81+}
82+
83+#backlight,
84+#backlight-slider,
85+#battery,
86+#bluetooth,
87+#clock,
88+#cpu,
89+#disk,
90+#idle_inhibitor,
91+#keyboard-state,
92+#memory,
93+#mode,
94+#network,
95+#power-profiles-daemon,
96+#pulseaudio,
97+#pulseaudio-slider,
98+#taskbar button,
99+#taskbar,
100+#temperature,
101+#tray,
102+#window,
103+#wireplumber,
104+#workspaces,
105+#custom-backlight,
106+#custom-browser,
107+#custom-cava_mviz,
108+#custom-cycle_wall,
109+#custom-dot_update,
110+#custom-file_manager,
111+#custom-keybinds,
112+#custom-keyboard,
113+#custom-light_dark,
114+#custom-lock,
115+#custom-hint,
116+#custom-hypridle,
117+#custom-menu,
118+#custom-playerctl,
119+#custom-power_vertical,
120+#custom-power,
121+#custom-quit,
122+#custom-reboot,
123+#custom-settings,
124+#custom-spotify,
125+#custom-swaync,
126+#custom-tty,
127+#custom-updater,
128+#custom-weather,
129+#custom-weather.clearNight,
130+#custom-weather.cloudyFoggyDay,
131+#custom-weather.cloudyFoggyNight,
132+#custom-weather.default,
133+#custom-weather.rainyDay,
134+#custom-weather.rainyNight,
135+#custom-weather.severe,
136+#custom-weather.showyIcyDay,
137+#custom-weather.snowyIcyNight,
138+#custom-weather.sunnyDay {
139+ color: @main-fg;
140+ background: @main-bg;
141+ opacity: 1;
142+ margin: 3px 0px 3px 0px;
143+ padding-left: 4px;
144+ padding-right: 4px;
145+}
146+
147+#workspaces {
148+ border-radius: 20px;
149+ border-width: 2px;
150+ border-style: solid;
151+ border-color: #b4befe;
152+ padding-right: 8px;
153+ padding-left: 8px;
154+ margin-right: 5px;
155+}
156+
157+#taskbar {
158+ padding: 0px;
159+ color: #b4befe;
160+}
161+
162+#window {
163+ color: #F2CCCC;
164+ border-radius: 20px;
165+ border-style: solid;
166+ border-width: 2px;
167+ border-color: #F2CCCC;
168+ margin-right: 5px;
169+}
170+
171+#clock {
172+ color: #F38BA8;
173+ border-radius: 12px;
174+ border-top-left-radius: 0px;
175+ border-bottom-right-radius: 0px;
176+ border-width: 2px;
177+ border-style: solid;
178+ border-left-style: none;
179+ border-right-style: none;
180+ border-left-width: 0px;
181+ border-width: 2px;
182+ border-color: #F38BA8;
183+ margin-right: 5px;
184+}
185+
186+#idle_inhibitor {
187+ color: #94e2d5;
188+ border-radius: 12px;
189+ border-top-right-radius: 0px;
190+ border-bottom-left-radius: 0px;
191+ border-style: solid;
192+ border-right-style: none;
193+ border-width: 2px;
194+ border-color: #F38BA8;
195+ margin-right: 0px;
196+}
197+
198+#idle_inhibitor.activated {
199+ color: #39FF14;
200+}
201+
202+#temperature {
203+ color: #cdd6f4;
204+ border-radius: 20px;
205+ border-top-right-radius: 0px;
206+ border-bottom-right-radius: 0px;
207+ border-style: solid;
208+ border-right-style: none;
209+ border-width: 2px;
210+ border-color: #cdd6f4;
211+ margin-left: 5px;
212+}
213+
214+#temperature.critical {
215+ background-color: #ff0000;
216+}
217+
218+@keyframes blink {
219+ to {
220+ color: #000000;
221+ }
222+}
223+
224+#cpu,
225+#disk,
226+#memory {
227+ color: #cdd6f4;
228+ border-radius: 0px;
229+ border-style: solid;
230+ border-left-style: none;
231+ border-right-style: none;
232+ border-width: 2px;
233+ border-color: #cdd6f4;
234+ margin-right: 0px;
235+}
236+
237+#custom-menu {
238+ color: #ff5a5a;
239+ border-radius: 6px;
240+ border-top-right-radius: 0px;
241+ border-bottom-left-radius: 0px;
242+ border-style: solid;
243+ border-left-style: none;
244+ border-right-style: none;
245+ border-width: 2px;
246+ border-color: #cdd6f4;
247+ padding-right: 5px;
248+ padding-left: 5px;
249+}
250+
251+#network {
252+ border-radius: 12px;
253+ border-top-left-radius: 0px;
254+ border-bottom-left-radius: 0px;
255+ border-style: solid;
256+ border-left-style: none;
257+ border-left-width: 0px;
258+ border-width: 2px;
259+ border-color: #cdd6f4;
260+ margin-right: 5px;
261+}
262+
263+#backlight {
264+ color: #F5E0DC;
265+ border-radius: 12px;
266+ border-top-right-radius: 0px;
267+ border-bottom-right-radius: 0px;
268+ border-style: solid;
269+ border-right-style: none;
270+ border-width: 2px;
271+ border-color: #F5E0DC;
272+ margin-left: 5px;
273+}
274+
275+#pulseaudio {
276+ color: #F5E0DC;
277+ border-radius: 20px;
278+ border-top-left-radius: 0px;
279+ border-bottom-left-radius: 0px;
280+ border-style: solid;
281+ border-left-style: none;
282+ border-width: 2px;
283+ border-color: #F5E0DC;
284+ margin-right: 0px;
285+}
286+
287+#pulseaudio.muted {
288+ color: red;
289+}
290+
291+#keyboard-state {
292+ color: #F5E0DC;
293+ border-radius: 20px;
294+ border-top-left-radius: 0px;
295+ border-bottom-left-radius: 0px;
296+ border-style: solid;
297+ border-left-style: none;
298+ border-left-width: 0px;
299+ border-width: 2px;
300+ border-color: #F5E0DC;
301+ margin-right: 5px;
302+}
303+
304+#custom-updater {
305+ color: #F5E0DC;
306+ border-radius: 0px;
307+ border-style: solid;
308+ border-left-style: none;
309+ border-right-style: none;
310+ border-width: 2px;
311+ border-color: #F5E0DC;
312+ margin-right: 0px;
313+}
314+
315+#custom-hint {
316+ color: #F5E0DC;
317+ border-radius: 12px;
318+ border-top-left-radius: 0px;
319+ border-bottom-right-radius: 0px;
320+ border-style: solid;
321+ border-left-style: none;
322+ border-right-style: none;
323+ border-left-width: 0px;
324+ border-width: 2px;
325+ border-color: #F5E0DC;
326+ margin-right: 5px;
327+}
328+
329+#tray {
330+ color: #b4befe;
331+ font-size: 16;
332+ border-radius: 12px;
333+ border-top-right-radius: 0px;
334+ border-bottom-left-radius: 0px;
335+ border-width: 2px;
336+ border-style: solid;
337+ border-left-style: none;
338+ border-right-style: none;
339+ border-width: 2px;
340+ border-color: #b4befe;
341+ margin-left: 5px;
342+ padding-left: 8px;
343+}
344+
345+#tray > .active,
346+#tray > .passive,
347+#tray menu {
348+ color: #b4befe;
349+}
350+
351+#custom-swaync {
352+ border-radius: 12px;
353+ border-top-left-radius: 0px;
354+ border-bottom-right-radius: 0px;
355+ border-style: solid;
356+ border-left-style: none;
357+ border-right-style: none;
358+ border-width: 2px;
359+ border-color: #b4befe;
360+ margin-right: 0px;
361+}
362+
363+#battery {
364+ border-radius: 20px;
365+ border-top-left-radius: 0px;
366+ border-bottom-left-radius: 0px;
367+ border-style: solid;
368+ border-left-style: none;
369+ border-left-width: 0px;
370+ border-width: 2px;
371+ border-color: #b4befe;
372+ margin-right: 5px;
373+ padding-right: 8px;
374+}
375+
376+#custom-power {
377+ border-radius: 12px;
378+ border-top-left-radius: 0px;
379+ border-bottom-right-radius: 0px;
380+ border-style: solid;
381+ border-left-style: none;
382+ border-width: 2px;
383+ border-color: #F38BA8;
384+ padding-left: 0px;
385+ padding-right: 5px;
386+ margin-right: 5px;
387+}
388+
389+#custom-weather,
390+#custom-weather.clearNight,
391+#custom-weather.cloudyFoggyDay,
392+#custom-weather.cloudyFoggyNight,
393+#custom-weather.default,
394+#custom-weather.rainyDay,
395+#custom-weather.rainyNight,
396+#custom-weather.severe,
397+#custom-weather.showyIcyDay,
398+#custom-weather.snowyIcyNight,
399+#custom-weather.sunnyDay {
400+ border-radius: 12px;
401+ border-top-left-radius: 0px;
402+ border-bottom-right-radius: 0px;
403+ border-width: 2px;
404+ border-style: solid;
405+ border-left-style: none;
406+ border-right-style: none;
407+ border-color: #E06C75;
408+ color: #E06C75;
409+ margin-right: 5px;
410+}
411+
412+#window {
413+ background-image: linear-gradient(45deg, #89b4fa 50%, #cba6f7 50%);
414+ color: black;
415+ border-radius: 20px;
416+ border-width: 2px;
417+ border-style: solid;
418+ border-left-style: none;
419+ border-right-style: none;
420+ border-color: #f5e0dc;
421+ margin-right: 5px;
422+}
+284-0style/[Extra] Prismatic Glow.css
@@ -0,0 +1,284 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* .............Prismatic Glow............ */
3+
4+* {
5+ font-family: "JetBrainsMono Nerd Font";
6+ font-weight: bold;
7+ min-height: 0;
8+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+ font-size: 97%;
10+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+
12+ border: none;
13+ border-radius: 10px;
14+ font-size: 97%;
15+ min-height: 20px;
16+ margin: 0px;
17+}
18+
19+/* Module Styles */
20+.module {
21+ padding: 2px 4px;
22+ margin: 1px 1px;
23+}
24+
25+.modules-left>widget:first-child .module {
26+ margin-left: 2px;
27+}
28+
29+/* Special Case: Right Margin for Last Module in Right Section */
30+.modules-right>widget:last-child .module {
31+ margin-right: 2px;
32+}
33+
34+/* Window Styling */
35+window#waybar {
36+ background-color: transparent;
37+ color: black;
38+ transition: background-color 0.5s;
39+}
40+
41+/* Make window module transparent when no windows present */
42+window#waybar.empty #window {
43+ background-color: transparent;
44+ background: transparent;
45+}
46+
47+window#waybar.hidden {
48+ opacity: 0.2;
49+}
50+
51+/* Tooltip styling */
52+menu,
53+tooltip {
54+ background: rgba(0, 0, 0, 0.9);
55+ border-radius: 10px;
56+ border: 2px transparent;
57+ border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
58+ padding: 5px;
59+ box-shadow: 0 0 0 1px;
60+}
61+
62+menu label,
63+tooltip label {
64+ color: rgb(0, 238, 255);
65+}
66+
67+/* Workspaces Button Styling */
68+#workspaces button {
69+ color: rgb(0, 238, 255);
70+ background: transparent;
71+ font-weight: bolder;
72+ box-shadow: inset 0 -3px transparent;
73+ transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
74+ padding: 2px 5px;
75+}
76+
77+#workspaces button.active {
78+ color: black;
79+ border-bottom: 2px solid transparent;
80+ /* border-top: 2px solid transparent; */
81+ border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
82+ padding: 0 10px;
83+}
84+
85+#workspaces button.focused {
86+ background: black;
87+}
88+
89+#workspaces button.visible {
90+ color: rgb(0, 238, 255);
91+}
92+
93+#workspaces button.urgent {
94+ background: red;
95+ color: black;
96+ padding: 0 5px;
97+}
98+
99+#workspaces button:hover {
100+ background: black;
101+ border: 1px solid transparent;
102+ border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
103+ padding: 0 5px;
104+}
105+
106+/* Taskbar Button Styling */
107+#taskbar button {
108+ padding: 0 1px;
109+}
110+
111+#taskbar button.active {
112+ background: black;
113+ border-bottom: 2px solid transparent;
114+ /* border-top: 2px solid transparent; */
115+ border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
116+ padding: 0 5px;
117+}
118+#taskbar button:hover {
119+ background: black;
120+ border: 1px solid transparent;
121+ border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
122+ padding: 0 5px;
123+}
124+
125+/* Transparent Modules When Empty */
126+#taskbar.empty,
127+window#waybar.empty {
128+ background-color: transparent;
129+}
130+
131+/* Specific Module Styles */
132+#backlight,
133+#backlight-slider,
134+#battery,
135+#bluetooth,
136+#clock,
137+#cpu,
138+#disk,
139+#idle_inhibitor,
140+#keyboard-state,
141+#memory,
142+#mode,
143+#network,
144+#power-profiles-daemon,
145+#pulseaudio,
146+#pulseaudio-slider,
147+#taskbar,
148+#temperature,
149+#tray,
150+#wireplumber,
151+#workspaces,
152+#custom-backlight,
153+#custom-browser,
154+#custom-cava_mviz,
155+#custom-cycle_wall,
156+#custom-dot_update,
157+#custom-file_manager,
158+#custom-keybinds,
159+#custom-keyboard,
160+#custom-light_dark,
161+#custom-lock,
162+#custom-hint,
163+#custom-hypridle,
164+#custom-menu,
165+#custom-playerctl,
166+#custom-power_vertical,
167+#custom-power,
168+#custom-quit,
169+#custom-reboot,
170+#custom-settings,
171+#custom-spotify,
172+#custom-swaync,
173+#custom-tty,
174+#custom-updater,
175+#custom-weather,
176+#custom-weather.clearNight,
177+#custom-weather.cloudyFoggyDay,
178+#custom-weather.cloudyFoggyNight,
179+#custom-weather.default,
180+#custom-weather.rainyDay,
181+#custom-weather.rainyNight,
182+#custom-weather.severe,
183+#custom-weather.showyIcyDay,
184+#custom-weather.snowyIcyNight,
185+#custom-weather.sunnyDay {
186+ background-color: black;
187+ color: rgb(0, 238, 255);
188+}
189+
190+#temperature.critical {
191+ background-color: red;
192+}
193+
194+#network.disconnected,
195+#pulseaudio.muted {
196+ color: red;
197+}
198+
199+#battery.charging,
200+#battery.plugged {
201+ color: black;
202+ background: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #FA8BFF 90%);
203+}
204+
205+@keyframes blink {
206+ to {
207+ background-color: black;
208+ color: red;
209+ }
210+}
211+
212+#battery.warning:not(.charging),
213+#battery.critical:not(.charging) {
214+ background-color: red;
215+ color: black;
216+}
217+
218+#battery.warning:not(.charging) {
219+ animation: blink 1s linear infinite alternate;
220+}
221+#battery.critical:not(.charging) {
222+ animation: blink 0.5s linear infinite alternate;
223+}
224+
225+/* Focused Label Background */
226+label:focus {
227+ background-color: black;
228+}
229+
230+/* Keyboard State Styles */
231+#keyboard-state>label {
232+ padding: 0 5px;
233+}
234+
235+#keyboard-state>label.locked {
236+ background: rgba(0, 0, 0, 0.2);
237+}
238+
239+/* Tray Styles */
240+#tray {
241+ background-color: black;
242+}
243+
244+#tray>.passive {
245+ -gtk-icon-effect: dim;
246+}
247+
248+#tray>.needs-attention {
249+ -gtk-icon-effect: highlight;
250+ padding: 0 5px;
251+ background-color: red;
252+}
253+
254+/* Gradient Module Styles */
255+#mpd,
256+#mpris,
257+#window {
258+ background: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #FA8BFF 90%);
259+}
260+
261+#backlight-slider slider,
262+#pulseaudio-slider slider {
263+ min-width: 0px;
264+ min-height: 0px;
265+ opacity: 0;
266+ background-image: none;
267+ border: none;
268+ box-shadow: none;
269+}
270+
271+#backlight-slider trough,
272+#pulseaudio-slider trough {
273+ min-width: 80px;
274+ min-height: 5px;
275+ border-radius: 5px;
276+ background-color: #6E6A86;
277+}
278+
279+#backlight-slider highlight,
280+#pulseaudio-slider highlight {
281+ min-height: 10px;
282+ border-radius: 5px;
283+ background-color: purple;
284+}
+239-0style/[Extra] Rose Pine.css
@@ -0,0 +1,239 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Rose Pine */
3+
4+
5+@define-color bar-bg rgba(0, 0, 0, 0);
6+@define-color main-bg #26233a;
7+@define-color main-fg #ebbcba;
8+@define-color wb-act-bg #31748f;
9+@define-color wb-act-fg #9ccfd8;
10+@define-color wb-hvr-bg #eb6f92;
11+@define-color wb-hvr-fg #f6c177;
12+
13+* {
14+ font-family: "JetBrainsMono Nerd Font";
15+ font-weight: bold;
16+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
17+ font-size: 97%;
18+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
19+ border-radius: 12px;
20+}
21+
22+window#waybar {
23+ background: @bar-bg;
24+}
25+
26+window#waybar.empty,
27+window#waybar.empty #window {
28+ background-color: transparent;
29+ padding: 0px;
30+ border: 0px;
31+}
32+
33+tooltip {
34+ background: @main-bg;
35+ color: @main-fg;
36+ border-radius: 8px;
37+ border-width: 0px;
38+}
39+
40+#taskbar button,
41+#workspaces button {
42+ box-shadow: none;
43+ text-shadow: none;
44+ padding: 0px;
45+ border-bottom: 2px;
46+ border-color: #2B5D34;
47+ border-style: solid;
48+ border-radius: 10px;
49+ padding-left: 2px;
50+ padding-right: 4px;
51+ background: @main-bg;
52+ color: @main-fg;
53+ animation: gradient_f 20s ease-in infinite;
54+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
55+}
56+
57+#workspaces button.active {
58+ background: @wb-act-bg;
59+ color: @wb-act-fg;
60+ padding-left: 2px;
61+ padding-right: 4px;
62+ animation: gradient_f 20s ease-in infinite;
63+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
64+}
65+
66+#workspaces button:hover {
67+ background: @wb-hvr-bg;
68+ color: @wb-hvr-fg;
69+ padding-left: 2px;
70+ padding-right: 2px;
71+ animation: gradient_f 20s ease-in infinite;
72+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
73+}
74+
75+#taskbar button {
76+ box-shadow: none;
77+ text-shadow: none;
78+ padding: 0px;
79+ border-bottom: 2px;
80+ border-color: #2B5D34;
81+ border-style: solid;
82+ border-radius: 10px;
83+ padding-left: 3px;
84+ padding-right: 3px;
85+ color: @wb-color;
86+ animation: gradient_f 20s ease-in infinite;
87+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
88+}
89+
90+#taskbar button.active {
91+ background: @wb-act-bg;
92+ color: @wb-act-color;
93+ padding-left: 8px;
94+ padding-right: 8px;
95+ animation: gradient_f 20s ease-in infinite;
96+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
97+}
98+
99+#taskbar button:hover {
100+ background: @wb-hvr-bg;
101+ color: @wb-hvr-color;
102+ padding-left: 3px;
103+ padding-right: 3px;
104+ animation: gradient_f 20s ease-in infinite;
105+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
106+}
107+
108+#backlight,
109+#backlight-slider,
110+#battery,
111+#bluetooth,
112+#clock,
113+#cpu,
114+#disk,
115+#idle_inhibitor,
116+#keyboard-state,
117+#memory,
118+#mode,
119+#mpris,
120+#network,
121+#power-profiles-daemon,
122+#pulseaudio,
123+#pulseaudio-slider,
124+#temperature,
125+#tray,
126+#window,
127+#wireplumber,
128+#custom-backlight,
129+#custom-browser,
130+#custom-cava_mviz,
131+#custom-cycle_wall,
132+#custom-dot_update,
133+#custom-file_manager,
134+#custom-keybinds,
135+#custom-keyboard,
136+#custom-light_dark,
137+#custom-lock,
138+#custom-hint,
139+#custom-hypridle,
140+#custom-menu,
141+#custom-playerctl,
142+#custom-power_vertical,
143+#custom-power,
144+#custom-quit,
145+#custom-reboot,
146+#custom-settings,
147+#custom-spotify,
148+#custom-swaync,
149+#custom-tty,
150+#custom-updater,
151+#custom-weather,
152+#custom-weather.clearNight,
153+#custom-weather.cloudyFoggyDay,
154+#custom-weather.cloudyFoggyNight,
155+#custom-weather.default,
156+#custom-weather.rainyDay,
157+#custom-weather.rainyNight,
158+#custom-weather.severe,
159+#custom-weather.showyIcyDay,
160+#custom-weather.snowyIcyNight,
161+#custom-weather.sunnyDay {
162+ color: @main-fg;
163+ background: @main-bg;
164+ opacity: 1;
165+ border-bottom: 2px;
166+ border-color: #2B5D34;
167+ border-style: solid;
168+ border-radius: 10px;
169+ padding-top: 4px;
170+ padding-bottom: 4px;
171+ padding-right: 6px;
172+ padding-left: 6px;
173+}
174+
175+#temperature.critical {
176+ background-color: red;
177+}
178+
179+/*-----Indicators----*/
180+#custom-hypridle.notactive,
181+#idle_inhibitor.activated {
182+ color: #39FF14;
183+}
184+
185+@keyframes blink {
186+ to {
187+ color: @main-bg;
188+ }
189+}
190+
191+#battery.critical:not(.charging) {
192+ background-color: red;
193+ color: white;
194+ animation-name: blink;
195+ animation-duration: 3.0s;
196+ animation-timing-function: steps(12);
197+ animation-iteration-count: infinite;
198+ animation-direction: alternate;
199+ box-shadow: inset 0 -3px transparent;
200+}
201+
202+#backlight {
203+ padding-right: 2px;
204+}
205+#network {
206+ padding-right: 12px;
207+}
208+#custom-power {
209+ padding-right: 1px;
210+}
211+#group-motherboard,
212+#group-laptop,
213+#group-audio {
214+ color: @main-fg;
215+ background-color: @main-bg;
216+}
217+
218+#backlight-slider slider,
219+#pulseaudio-slider slider {
220+ min-width: 0px;
221+ min-height: 0px;
222+ opacity: 0;
223+ background-image: none;
224+ border: none;
225+ box-shadow: none;
226+}
227+
228+#backlight-slider trough,
229+#pulseaudio-slider trough {
230+ min-width: 80px;
231+ min-height: 5px;
232+ border-radius: 5px;
233+}
234+
235+#backlight-slider highlight,
236+#pulseaudio-slider highlight {
237+ min-height: 10px;
238+ border-radius: 5px;
239+}
+210-0style/[Extra] Simple Pink.css
@@ -0,0 +1,210 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* .......Simple Pink....................... */
3+/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+window#waybar {
15+ background: black;
16+ border-radius: 50px;
17+ color: whitesmoke;
18+}
19+
20+window#waybar.hidden {
21+ opacity: 0.5;
22+}
23+
24+tooltip {
25+ background: #1e1e2e;
26+ border-radius: 10px;
27+ border-width: 2px;
28+ border-style: solid;
29+ border-color: #11111b;
30+ color: pink;
31+}
32+
33+/*-----module groups----*/
34+.modules-left,
35+.modules-right {
36+ border: 5px solid #19141b;
37+ border-radius: 50px 50px 50px 50px;
38+ background-color: #ba5663;
39+ padding-top: 2px;
40+ padding-bottom: 2px;
41+ padding-right: 4px;
42+ padding-left: 4px;
43+}
44+
45+.modules-center {
46+ background-color: black;
47+ padding-top: 2px;
48+ padding-bottom: 2px;
49+ padding-right: 4px;
50+ padding-left: 4px;
51+}
52+
53+#taskbar button,
54+#workspaces button {
55+ color: pink;
56+ box-shadow: none;
57+ text-shadow: none;
58+ border-radius: 9px;
59+ padding-left: 4px;
60+ padding-right: 4px;
61+ animation: gradient_f 20s ease-in infinite;
62+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
63+}
64+
65+#taskbar button.active,
66+#workspaces button.active {
67+ color: whitesmoke;
68+ background-color: pink;
69+ border-radius: 15px 15px 15px 15px;
70+ padding-left: 8px;
71+ padding-right: 8px;
72+ animation: gradient_f 20s ease-in infinite;
73+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
74+
75+}
76+
77+#workspaces button.focused {
78+ color: #c42a60;
79+}
80+
81+#workspaces button.urgent {
82+ color: #11111b;
83+ border-radius: 10px;
84+}
85+
86+#taskbar button:hover,
87+#workspaces button:hover {
88+ color: #ba5663;
89+ background-color: #0d0a0d;
90+ border-radius: 15px;
91+ padding-left: 2px;
92+ padding-right: 2px;
93+ animation: gradient_f 20s ease-in infinite;
94+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
95+}
96+
97+#backlight,
98+#backlight-slider,
99+#battery,
100+#bluetooth,
101+#clock,
102+#cpu,
103+#disk,
104+#idle_inhibitor,
105+#keyboard-state,
106+#memory,
107+#mode,
108+#mpris,
109+#network,
110+#power-profiles-daemon,
111+#pulseaudio,
112+#pulseaudio-slider,
113+#taskbar button,
114+#taskbar,
115+#temperature,
116+#tray,
117+#window,
118+#wireplumber,
119+#workspaces,
120+#custom-backlight,
121+#custom-browser,
122+#custom-cava_mviz,
123+#custom-cycle_wall,
124+#custom-dot_update,
125+#custom-file_manager,
126+#custom-keybinds,
127+#custom-keyboard,
128+#custom-light_dark,
129+#custom-lock,
130+#custom-hint,
131+#custom-hypridle,
132+#custom-menu,
133+#custom-playerctl,
134+#custom-power_vertical,
135+#custom-power,
136+#custom-quit,
137+#custom-reboot,
138+#custom-settings,
139+#custom-spotify,
140+#custom-swaync,
141+#custom-tty,
142+#custom-updater,
143+#custom-weather,
144+#custom-weather.clearNight,
145+#custom-weather.cloudyFoggyDay,
146+#custom-weather.cloudyFoggyNight,
147+#custom-weather.default,
148+#custom-weather.rainyDay,
149+#custom-weather.rainyNight,
150+#custom-weather.severe,
151+#custom-weather.showyIcyDay,
152+#custom-weather.snowyIcyNight,
153+#custom-weather.sunnyDay {
154+ color: whitesmoke;
155+ padding-top: 2px;
156+ padding-bottom: 2px;
157+ padding-right: 4px;
158+ padding-left: 4px;
159+
160+}
161+
162+#temperature.critical {
163+ background-color: #ff0000;
164+}
165+
166+@keyframes blink {
167+ to {
168+ color: #000000;
169+ }
170+}
171+
172+/*-----Indicators----*/
173+#custom-hypridle.notactive,
174+#idle_inhibitor.activated {
175+ color: #39FF14;
176+}
177+
178+#battery.critical:not(.charging) {
179+ color: #f53c3c;
180+ animation-name: blink;
181+ animation-duration: 3.0s;
182+ animation-timing-function: steps(12);
183+ animation-iteration-count: infinite;
184+ animation-direction: alternate;
185+}
186+
187+#backlight-slider slider,
188+#pulseaudio-slider slider {
189+ min-width: 0px;
190+ min-height: 0px;
191+ opacity: 0;
192+ background-image: none;
193+ border: none;
194+ box-shadow: none;
195+}
196+
197+#backlight-slider trough,
198+#pulseaudio-slider trough {
199+ min-width: 80px;
200+ min-height: 5px;
201+ border-radius: 5px;
202+ background-color: #22252a;
203+}
204+
205+#backlight-slider highlight,
206+#pulseaudio-slider highlight {
207+ min-height: 10px;
208+ border-radius: 5px;
209+ background-color: #ba5663;
210+}
+201-0style/[Light] Monochrome Contrast.css
@@ -0,0 +1,201 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Light - MonoChrome Contrast */
3+
4+* {
5+font-family: "JetBrainsMono Nerd Font";
6+font-weight: bold;
7+min-height: 0;
8+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+font-size: 97%;
10+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+window#waybar,
14+window#waybar.empty,
15+window#waybar.empty #window {
16+ background-color: transparent;
17+ padding: 0px;
18+ border: 0px;
19+}
20+
21+tooltip {
22+ color: white;
23+ background: #1e1e2e;
24+ opacity: 0.8;
25+ border-radius: 10px;
26+ border-width: 2px;
27+ border-style: solid;
28+ border-color: white;
29+}
30+
31+tooltip label{
32+ color: #cdd6f4;
33+}
34+/*-----module groups----*/
35+.modules-left,
36+.modules-center,
37+.modules-right {
38+ background-color: white;
39+ color: black;
40+ border-bottom: 2px;
41+ border-style: solid;
42+ border-color: black;
43+ border-radius: 10px;
44+ padding-top: 2px;
45+ padding-bottom: 2px;
46+ padding-right: 4px;
47+ padding-left: 4px;
48+}
49+
50+/*-----modules indv----*/
51+#taskbar button,
52+#workspaces button {
53+ color: black;
54+ box-shadow: none;
55+ text-shadow: none;
56+ padding: 0px;
57+ border-radius: 9px;
58+ padding-left: 4px;
59+ padding-right: 4px;
60+ animation: gradient_f 20s ease-in infinite;
61+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
62+}
63+#taskbar button:hover,
64+#workspaces button:hover {
65+ color: grey;
66+ background-color: rgba(0,153,153,0.2);
67+ padding-left: 2px;
68+ padding-right: 2px;
69+ animation: gradient_f 20s ease-in infinite;
70+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
71+}
72+
73+#taskbar button.active,
74+#workspaces button.active {
75+ background-color: grey;
76+ color: black;
77+ padding-left: 8px;
78+ padding-right: 8px;
79+ animation: gradient_f 20s ease-in infinite;
80+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
81+}
82+
83+#workspaces button.persistent {
84+ border-radius: 10px;
85+}
86+
87+#backlight,
88+#backlight-slider,
89+#battery,
90+#bluetooth,
91+#clock,
92+#cpu,
93+#disk,
94+#idle_inhibitor,
95+#keyboard-state,
96+#memory,
97+#mode,
98+#mpris,
99+#network,
100+#power-profiles-daemon,
101+#pulseaudio,
102+#pulseaudio-slider,
103+#taskbar,
104+#temperature,
105+#tray,
106+#window,
107+#wireplumber,
108+#workspaces,
109+#custom-backlight,
110+#custom-browser,
111+#custom-cava_mviz,
112+#custom-cycle_wall,
113+#custom-dot_update,
114+#custom-file_manager,
115+#custom-keybinds,
116+#custom-keyboard,
117+#custom-light_dark,
118+#custom-lock,
119+#custom-hint,
120+#custom-hypridle,
121+#custom-menu,
122+#custom-playerctl,
123+#custom-power_vertical,
124+#custom-power,
125+#custom-quit,
126+#custom-reboot,
127+#custom-settings,
128+#custom-spotify,
129+#custom-swaync,
130+#custom-tty,
131+#custom-updater,
132+#custom-weather,
133+#custom-weather.clearNight,
134+#custom-weather.cloudyFoggyDay,
135+#custom-weather.cloudyFoggyNight,
136+#custom-weather.default,
137+#custom-weather.rainyDay,
138+#custom-weather.rainyNight,
139+#custom-weather.severe,
140+#custom-weather.showyIcyDay,
141+#custom-weather.snowyIcyNight,
142+#custom-weather.sunnyDay {
143+ padding-top: 4px;
144+ padding-bottom: 4px;
145+ padding-right: 6px;
146+ padding-left: 6px;
147+}
148+#custom-power {
149+ padding: 1px 3px;
150+}
151+/*-----Indicators----*/
152+#custom-hypridle.notactive,
153+#idle_inhibitor.activated {
154+ color: #39FF14;
155+}
156+
157+#pulseaudio.muted {
158+ color: #cc3436;
159+}
160+#temperature.critical {
161+ color: #cc3436;
162+}
163+
164+@keyframes blink {
165+ to {
166+ color: #000000;
167+ }
168+}
169+
170+#battery.critical:not(.charging) {
171+ color: #f53c3c;
172+ animation-name: blink;
173+ animation-duration: 3.0s;
174+ animation-timing-function: steps(12);
175+ animation-iteration-count: infinite;
176+ animation-direction: alternate;
177+}
178+
179+#backlight-slider slider,
180+#pulseaudio-slider slider {
181+ min-width: 0px;
182+ min-height: 0px;
183+ opacity: 0;
184+ background-image: none;
185+ border: none;
186+ box-shadow: none;
187+}
188+
189+#backlight-slider trough,
190+#pulseaudio-slider trough {
191+ min-width: 80px;
192+ min-height: 5px;
193+ border-radius: 5px;
194+ background-color: grey;
195+}
196+
197+#backlight-slider highlight,
198+#pulseaudio-slider highlight {
199+ min-height: 10px;
200+ border-radius: 5px;
201+}
+202-0style/[Light] Obsidian Glow.css
@@ -0,0 +1,202 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Light - Obsidian Glow */
3+
4+* {
5+font-family: "JetBrainsMono Nerd Font";
6+font-weight: bold;
7+min-height: 0;
8+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+font-size: 97%;
10+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+window#waybar {
14+ background: white;
15+ border-radius: 12px;
16+}
17+
18+window#waybar.hidden {
19+ opacity: 0.7;
20+}
21+
22+tooltip {
23+ background: white;
24+ border-radius: 10px;
25+}
26+
27+tooltip label {
28+ color: #373737;
29+ padding-right: 2px;
30+ padding-left: 2px;
31+}
32+
33+#taskbar button,
34+#workspaces button {
35+ color: #585b70;
36+ box-shadow: none;
37+ text-shadow: none;
38+ padding: 0px;
39+ border-radius: 9px;
40+ padding-left: 4px;
41+ padding-right: 4px;
42+ animation: gradient_f 20s ease-in infinite;
43+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
44+}
45+
46+#workspaces button.active {
47+ background-color: dimgrey;
48+ color: #000000;
49+ border-radius: 15px 15px 15px 15px;
50+ padding-left: 8px;
51+ padding-right: 8px;
52+ animation: gradient_f 20s ease-in infinite;
53+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
54+}
55+
56+#workspaces button.focused {
57+ color: #000000;
58+}
59+
60+#workspaces button.urgent {
61+ color: #000000;
62+ border-radius: 10px;
63+}
64+
65+#workspaces button:hover {
66+ color: #000000;
67+ border-radius: 15px;
68+ padding-left: 2px;
69+ padding-right: 2px;
70+ animation: gradient_f 20s ease-in infinite;
71+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
72+}
73+
74+#backlight,
75+#backlight-slider,
76+#battery,
77+#bluetooth,
78+#clock,
79+#cpu,
80+#disk,
81+#idle_inhibitor,
82+#keyboard-state,
83+#memory,
84+#mode,
85+#mpris,
86+#network,
87+#power-profiles-daemon,
88+#pulseaudio,
89+#pulseaudio-slider,
90+#taskbar,
91+#temperature,
92+#tray,
93+#window,
94+#wireplumber,
95+#workspaces,
96+#custom-backlight,
97+#custom-browser,
98+#custom-cava_mviz,
99+#custom-cycle_wall,
100+#custom-dot_update,
101+#custom-file_manager,
102+#custom-keybinds,
103+#custom-keyboard,
104+#custom-light_dark,
105+#custom-lock,
106+#custom-hint,
107+#custom-hypridle,
108+#custom-menu,
109+#custom-playerctl,
110+#custom-power_vertical,
111+#custom-power,
112+#custom-quit,
113+#custom-reboot,
114+#custom-settings,
115+#custom-spotify,
116+#custom-swaync,
117+#custom-tty,
118+#custom-updater,
119+#custom-weather,
120+#custom-weather.clearNight,
121+#custom-weather.cloudyFoggyDay,
122+#custom-weather.cloudyFoggyNight,
123+#custom-weather.default,
124+#custom-weather.rainyDay,
125+#custom-weather.rainyNight,
126+#custom-weather.severe,
127+#custom-weather.showyIcyDay,
128+#custom-weather.snowyIcyNight,
129+#custom-weather.sunnyDay {
130+ color: #000000;
131+ border-radius: 8px;
132+ padding-top: 4px;
133+ padding-bottom: 4px;
134+ padding-right: 6px;
135+ padding-left: 6px;
136+}
137+
138+#temperature.critical {
139+ background-color: #ff0000;
140+}
141+
142+@keyframes blink {
143+ to {
144+ color: #000000;
145+ }
146+}
147+
148+/*-----Indicators----*/
149+#custom-hypridle.notactive,
150+#idle_inhibitor.activated {
151+ color: #39FF14;
152+}
153+
154+#taskbar button.active {
155+ background-color: #585b70;
156+ color: #cdd6f4;
157+ padding-left: 12px;
158+ padding-right: 12px;
159+ animation: gradient_f 20s ease-in infinite;
160+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
161+}
162+
163+#taskbar button:hover {
164+ padding-left: 3px;
165+ padding-right: 3px;
166+ animation: gradient_f 20s ease-in infinite;
167+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
168+}
169+
170+#battery.critical:not(.charging) {
171+ color: #f53c3c;
172+ animation-name: blink;
173+ animation-duration: 3.0s;
174+ animation-timing-function: steps(12);
175+ animation-iteration-count: infinite;
176+ animation-direction: alternate;
177+}
178+
179+#backlight-slider slider,
180+#pulseaudio-slider slider {
181+ min-width: 0px;
182+ min-height: 0px;
183+ opacity: 0;
184+ background-image: none;
185+ border: none;
186+ box-shadow: none;
187+}
188+
189+#backlight-slider trough,
190+#pulseaudio-slider trough {
191+ min-width: 80px;
192+ min-height: 5px;
193+ border-radius: 5px;
194+ background-color: grey;
195+}
196+
197+#backlight-slider highlight,
198+#pulseaudio-slider highlight {
199+ min-height: 10px;
200+ border-radius: 5px;
201+ background-color: #ba5663;
202+}
+308-0style/[Rainbow] RGB Bordered.css
@@ -0,0 +1,308 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Catppuccin Mocha - Rainbow Bordered */
3+/* Designed by https://github.com/0xl30 */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+@import "../waybar/style/catppuccin-themes/rgbmocha.css";
15+
16+window#waybar {
17+ transition-property: background-color;
18+ transition-duration: 0.5s;
19+ background: transparent;
20+ border-radius: 2px;
21+}
22+
23+window#waybar.hidden {
24+ opacity: 0.2;
25+}
26+
27+window#waybar.empty,
28+window#waybar.empty #window {
29+ background-color: transparent;
30+ padding: 0px;
31+ border: 0px;
32+}
33+
34+#taskbar button,
35+#workspaces button {
36+ color: @overlay1;
37+ box-shadow: none;
38+ text-shadow: none;
39+ padding: 0px;
40+ border-radius: 9px;
41+ padding-left: 4px;
42+ padding-right: 4px;
43+ animation: gradient_f 20s ease-in infinite;
44+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
45+}
46+
47+#taskbar button:hover,
48+#workspaces button:hover {
49+ border-radius: 10px;
50+ color: @peach;
51+ background-color: @surface0;
52+ padding-left: 2px;
53+ padding-right: 2px;
54+ animation: gradient_f 20s ease-in infinite;
55+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
56+}
57+
58+#workspaces button.persistent {
59+ color: @surface1;
60+ border-radius: 10px;
61+}
62+
63+#taskbar button.active,
64+#workspaces button.active {
65+ color: @mauve;
66+ border-radius: 10px;
67+ padding-left: 8px;
68+ padding-right: 8px;
69+ animation: gradient_f 20s ease-in infinite;
70+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
71+}
72+
73+#workspaces button.urgent {
74+ color: @red;
75+ border-radius: 0px;
76+}
77+
78+/* This section can be use if you want to separate waybar modules */
79+.modules-left, .modules-center, .modules-right {
80+ background: @theme_base_color;
81+ border: 2px solid transparent;
82+ padding-top: 2px;
83+ padding-bottom: 2px;
84+ padding-right: 4px;
85+ padding-left: 4px;
86+ border-radius: 0px;
87+
88+ border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
89+ animation: rainbow-gradient 20s ease-in-out infinite; /* Adjust timing as needed */
90+}
91+
92+
93+#backlight,
94+#backlight-slider,
95+#battery,
96+#bluetooth,
97+#clock,
98+#cpu,
99+#disk,
100+#idle_inhibitor,
101+#keyboard-state,
102+#memory,
103+#mode,
104+#mpris,
105+#network,
106+#power-profiles-daemon,
107+#pulseaudio,
108+#pulseaudio-slider,
109+#taskbar button,
110+#taskbar,
111+#temperature,
112+#tray,
113+#window,
114+#wireplumber,
115+#workspaces,
116+#custom-backlight,
117+#custom-browser,
118+#custom-cava_mviz,
119+#custom-cycle_wall,
120+#custom-dot_update,
121+#custom-file_manager,
122+#custom-keybinds,
123+#custom-keyboard,
124+#custom-light_dark,
125+#custom-lock,
126+#custom-hint,
127+#custom-hypridle,
128+#custom-menu,
129+#custom-playerctl,
130+#custom-power_vertical,
131+#custom-power,
132+#custom-quit,
133+#custom-reboot,
134+#custom-settings,
135+#custom-spotify,
136+#custom-swaync,
137+#custom-tty,
138+#custom-updater,
139+#custom-weather,
140+#custom-weather.clearNight,
141+#custom-weather.cloudyFoggyDay,
142+#custom-weather.cloudyFoggyNight,
143+#custom-weather.default,
144+#custom-weather.rainyDay,
145+#custom-weather.rainyNight,
146+#custom-weather.severe,
147+#custom-weather.showyIcyDay,
148+#custom-weather.snowyIcyNight,
149+#custom-weather.sunnyDay {
150+ padding-top: 4px;
151+ padding-bottom: 4px;
152+ padding-right: 6px;
153+ padding-left: 6px;
154+}
155+/*-----Indicators----*/
156+#custom-hypridle.notactive,
157+#idle_inhibitor.activated {
158+ color: #39FF14;
159+}
160+
161+#bluetooth,
162+#backlight {
163+ color: @blue;
164+}
165+
166+#battery {
167+ color: @green;
168+}
169+
170+@keyframes blink {
171+ to {
172+ color: @surface0;
173+ }
174+}
175+
176+#battery.critical:not(.charging) {
177+ background-color: @red;
178+ color: @theme_text_color;
179+ animation-name: blink;
180+ animation-duration: 3.0s;
181+ animation-timing-function: steps(12);
182+ animation-iteration-count: infinite;
183+ animation-direction: alternate;
184+ box-shadow: inset 0 -3px transparent;
185+}
186+
187+#clock {
188+ color: @yellow;
189+}
190+
191+#cpu {
192+ color: @green;
193+}
194+
195+#custom-keyboard,
196+#memory {
197+ color: @sky;
198+}
199+
200+#disk {
201+ color: @sapphire;
202+}
203+
204+#temperature {
205+ color: @teal;
206+}
207+
208+#temperature.critical {
209+ background-color: @red;
210+}
211+
212+#tray > .passive {
213+ -gtk-icon-effect: dim;
214+}
215+#tray > .needs-attention {
216+ -gtk-icon-effect: highlight;
217+}
218+
219+#keyboard-state {
220+ color: @flamingo;
221+}
222+
223+#custom-cava_mviz {
224+ animation: rainbow-text 0.80s linear infinite;
225+}
226+
227+@keyframes rainbow-text {
228+ 0% { color: rgb(0, 247, 198); } /* Low amplitude */
229+ 42% { color: rgb(60, 0, 179); } /* Mid amplitude */
230+ 71% { color: indigo; } /* Higher amplitude */
231+ 100% { color: rgb(234, 0, 255); } /* Maximum amplitude */
232+}
233+
234+
235+#custom-menu {
236+ color: @rosewater;
237+}
238+
239+#custom-power {
240+ color: @red;
241+}
242+
243+#custom-updater {
244+ color: @red;
245+}
246+
247+#custom-light_dark {
248+ color: @blue;
249+}
250+
251+#custom-weather {
252+ color: @lavender;
253+}
254+
255+#custom-lock {
256+ color: @maroon;
257+}
258+
259+#pulseaudio {
260+ color: @sapphire;
261+}
262+
263+#pulseaudio.bluetooth {
264+ color: @pink;
265+}
266+#pulseaudio.muted {
267+ color: @red;
268+}
269+
270+#window {
271+ color: @mauve;
272+}
273+
274+#mpris {
275+ color:@lavender;
276+}
277+
278+#network {
279+ color: @teal;
280+}
281+#network.disconnected,
282+#network.disabled {
283+ background-color: @surface0;
284+ color: @text;
285+}
286+
287+#backlight-slider slider,
288+#pulseaudio-slider slider {
289+ min-width: 0px;
290+ min-height: 0px;
291+ opacity: 0;
292+ background-image: none;
293+ border: none;
294+ box-shadow: none;
295+}
296+
297+#backlight-slider trough,
298+#pulseaudio-slider trough {
299+ min-width: 80px;
300+ min-height: 5px;
301+ border-radius: 5px;
302+}
303+
304+#backlight-slider highlight,
305+#pulseaudio-slider highlight {
306+ min-height: 10px;
307+ border-radius: 5px;
308+}
+179-0style/[Retro] Simple Style.css
@@ -0,0 +1,179 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Simple Style */
3+
4+@define-color background #1d2021;
5+@define-color foreground #ebdbb2;
6+@define-color dim #928374;
7+@define-color yellow #fabd2f;
8+@define-color red #fb4934;
9+@define-color green #b8bb26;
10+
11+* {
12+ font-family: "JetBrainsMono Nerd Font";
13+ font-weight: bold;
14+ min-height: 0;
15+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
16+ font-size: 97%;
17+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
18+
19+}
20+
21+window#waybar {
22+ background: @background;
23+ color: @foreground;
24+ transition-property: background-color;
25+ transition-duration: 0.5s;
26+}
27+
28+#taskbar button,
29+#workspaces button {
30+ color: @foreground;
31+}
32+
33+#taskbar button.active,
34+#workspaces button.active {
35+ border-bottom: 1px solid green;
36+}
37+
38+#taskbar button.urgent,
39+#workspaces button.urgent {
40+ border-bottom: 2px solid red;
41+}
42+
43+#submap {
44+ border-bottom: 1px solid red;
45+}
46+
47+#backlight,
48+#backlight-slider,
49+#battery,
50+#bluetooth,
51+#clock,
52+#cpu,
53+#disk,
54+#idle_inhibitor,
55+#keyboard-state,
56+#memory,
57+#mode,
58+#mpris,
59+#network,
60+#power-profiles-daemon,
61+#pulseaudio,
62+#pulseaudio-slider,
63+#taskbar button,
64+#taskbar,
65+#temperature,
66+#tray,
67+#window,
68+#wireplumber,
69+#workspaces,
70+#custom-backlight,
71+#custom-browser,
72+#custom-cava_mviz,
73+#custom-cycle_wall,
74+#custom-dot_update,
75+#custom-file_manager,
76+#custom-keybinds,
77+#custom-keyboard,
78+#custom-light_dark,
79+#custom-lock,
80+#custom-hint,
81+#custom-hypridle,
82+#custom-menu,
83+#custom-playerctl,
84+#custom-power_vertical,
85+#custom-power,
86+#custom-quit,
87+#custom-reboot,
88+#custom-settings,
89+#custom-spotify,
90+#custom-swaync,
91+#custom-tty,
92+#custom-updater,
93+#custom-weather,
94+#custom-weather.clearNight,
95+#custom-weather.cloudyFoggyDay,
96+#custom-weather.cloudyFoggyNight,
97+#custom-weather.default,
98+#custom-weather.rainyDay,
99+#custom-weather.rainyNight,
100+#custom-weather.severe,
101+#custom-weather.showyIcyDay,
102+#custom-weather.snowyIcyNight,
103+#custom-weather.sunnyDay {
104+ padding: 6px;
105+ color: @foreground;
106+}
107+
108+#battery.warning,
109+#disk.warning,
110+#memory.warning,
111+#cpu.warning {
112+ border-top: 3px solid @background;
113+ border-bottom: 3px solid yellow;
114+}
115+
116+@keyframes blink {
117+ to {
118+ color: @background;
119+ }
120+}
121+
122+#battery.critical:not(.charging) {
123+ background-color: @red;
124+ color: white;
125+ animation-name: blink;
126+ animation-duration: 3.0s;
127+ animation-timing-function: steps(12);
128+ animation-iteration-count: infinite;
129+ animation-direction: alternate;
130+ box-shadow: inset 0 -3px transparent;
131+}
132+
133+/*-----Indicators----*/
134+#custom-hypridle.notactive,
135+#idle_inhibitor.activated {
136+ color: #39FF14;
137+}
138+
139+#battery.critical,
140+#disk.critical,
141+#memory.critical,
142+#cpu.critical {
143+ border-top: 3px solid @background;
144+ border-bottom: 3px solid red;
145+}
146+
147+#temperature.critical {
148+ background-color: red;
149+}
150+
151+#battery.charging {
152+ border-top: 3px solid @background;
153+ border-bottom: 3px solid green;
154+}
155+
156+#backlight-slider slider,
157+#pulseaudio-slider slider {
158+ min-width: 0px;
159+ min-height: 0px;
160+ opacity: 0;
161+ background-image: none;
162+ border: none;
163+ box-shadow: none;
164+}
165+
166+#backlight-slider trough,
167+#pulseaudio-slider trough {
168+ min-width: 80px;
169+ min-height: 5px;
170+ border-radius: 5px;
171+ background-color: @dim;
172+}
173+
174+#backlight-slider highlight,
175+#pulseaudio-slider highlight {
176+ min-height: 10px;
177+ border-radius: 5px;
178+ background-color: @green;
179+}
+196-0style/[Transparent] Crystal Clear.css
@@ -0,0 +1,196 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* .......Crystal Clear....................... */
3+/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */
4+
5+*{
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+window#waybar {
15+ background:transparent;
16+ border-radius: 1px;
17+ color: whitesmoke;
18+}
19+
20+window#waybar.hidden {
21+ opacity: 0.5;
22+}
23+
24+window#waybar.empty
25+window#waybar.empty #window {
26+ padding: 0px;
27+ border: 0px;
28+ background-color: transparent;
29+}
30+
31+#taskbar button,
32+#workspaces button {
33+ color: #6E6A86;
34+ box-shadow: none;
35+ text-shadow: none;
36+ padding: 0px;
37+ border-radius: 9px;
38+ padding-left: 4px;
39+ padding-right: 4px;
40+ animation: gradient_f 20s ease-in infinite;
41+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
42+}
43+
44+#workspaces button.active {
45+ color: whitesmoke;
46+ border-radius: 15px 15px 15px 15px;
47+ padding-left: 8px;
48+ padding-right: 8px;
49+ animation: gradient_f 20s ease-in infinite;
50+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
51+}
52+
53+#workspaces button.focused {
54+ color: #d8dee9;
55+}
56+
57+#workspaces button.urgent {
58+ color: #11111b;
59+ border-radius: 10px;
60+}
61+
62+#workspaces button:hover {
63+ color: whitesmoke;
64+ border-radius: 15px;
65+ padding-left: 2px;
66+ padding-right: 2px;
67+ animation: gradient_f 20s ease-in infinite;
68+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
69+}
70+
71+#backlight,
72+#battery,
73+#bluetooth,
74+#clock,
75+#cpu,
76+#disk,
77+#idle_inhibitor,
78+#keyboard-state,
79+#memory,
80+#mode,
81+#mpris,
82+#network,
83+#power-profiles-daemon,
84+#pulseaudio,
85+#taskbar,
86+#temperature,
87+#tray,
88+#window,
89+#wireplumber,
90+#workspaces,
91+#custom-backlight,
92+#custom-browser,
93+#custom-cava_mviz,
94+#custom-cycle_wall,
95+#custom-dot_update,
96+#custom-file_manager,
97+#custom-keybinds,
98+#custom-keyboard,
99+#custom-light_dark,
100+#custom-lock,
101+#custom-hint,
102+#custom-hypridle,
103+#custom-menu,
104+#custom-playerctl,
105+#custom-power_vertical,
106+#custom-power,
107+#custom-quit,
108+#custom-reboot,
109+#custom-settings,
110+#custom-spotify,
111+#custom-swaync,
112+#custom-tty,
113+#custom-updater,
114+#custom-weather,
115+#custom-weather.clearNight,
116+#custom-weather.cloudyFoggyDay,
117+#custom-weather.cloudyFoggyNight,
118+#custom-weather.default
119+#custom-weather.rainyDay,
120+#custom-weather.rainyNight,
121+#custom-weather.severe,
122+#custom-weather.showyIcyDay,
123+#custom-weather.snowyIcyNight,
124+#custom-weather.sunnyDay {
125+ padding-top: 4px;
126+ padding-bottom: 4px;
127+ padding-right: 6px;
128+ padding-left: 6px;
129+}
130+
131+#temperature.critical {
132+ background-color: #ff0000;
133+}
134+
135+@keyframes blink {
136+ to {
137+ color: #000000;
138+ }
139+}
140+
141+/*-----Indicators----*/
142+#custom-hypridle.notactive,
143+#idle_inhibitor.activated {
144+ color: #39FF14;
145+}
146+
147+#taskbar button:hover {
148+ padding-left: 3px;
149+ padding-right: 3px;
150+ animation: gradient_f 20s ease-in infinite;
151+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
152+}
153+
154+#taskbar button.active {
155+ background-color: #7f849c;
156+ padding-left: 12px;
157+ padding-right: 12px;
158+ animation: gradient_f 20s ease-in infinite;
159+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
160+}
161+
162+#battery.critical:not(.charging) {
163+ color: #f53c3c;
164+ animation-name: blink;
165+ animation-duration: 3.0s;
166+ animation-timing-function: steps(12);
167+ animation-iteration-count: infinite;
168+ animation-direction: alternate;
169+}
170+
171+#backlight-slider slider,
172+#pulseaudio-slider slider {
173+ min-width: 0px;
174+ min-height: 0px;
175+ opacity: 0;
176+ background-image: none;
177+ border: none;
178+ box-shadow: none;
179+}
180+
181+#backlight-slider trough,
182+#pulseaudio-slider trough {
183+ min-width: 80px;
184+ min-height: 10px;
185+ border-radius: 5px;
186+ background-color: black;
187+}
188+
189+#backlight-slider highlight,
190+#pulseaudio-slider highlight {
191+ min-height: 10px;
192+ border-radius: 5px;
193+ background-color: wheat;
194+}
195+
196+
+227-0style/[VERTICAL] [Catpuccin] Mocha.css
@@ -0,0 +1,227 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Vertical Catpuccin Mocha */
3+/* As stated on title, best style for vertical layout waybar config */
4+
5+* {
6+ font-family: "JetBrainsMono Nerd Font";
7+ font-weight: bold;
8+ min-height: 0;
9+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10+ font-size: 97%;
11+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12+}
13+
14+@import "../waybar/style/catppuccin-themes/mocha.css";
15+
16+window#waybar {
17+ background-color: @base;
18+ border-radius: 5px;
19+}
20+
21+tooltip {
22+ background: @base;
23+ opacity: 1;
24+ border-radius: 10px;
25+ border-width: 2px;
26+ border-style: solid;
27+ border-color: @sapphire;
28+}
29+
30+tooltip label {
31+ color: @blue;
32+}
33+
34+#taskbar button,
35+#workspaces button {
36+ color: @surface2;
37+ background-color: transparent;
38+ padding-top: 4px;
39+ padding-bottom: 4px;
40+ padding-right: 6px;
41+ padding-left: 4px;
42+}
43+
44+#taskbar button.active,
45+#workspaces button.active {
46+ color: @maroon;
47+}
48+
49+#workspaces button.focused {
50+ color: @rosewater;
51+ background: transparent;
52+ border-radius: 15px;
53+}
54+
55+#workspaces button.urgent {
56+ color: #11111b;
57+ background: transparent;
58+ border-radius: 15px;
59+}
60+
61+#taskbar button:hover,
62+#workspaces button:hover {
63+ background: transparent;
64+ color: @flamingo;
65+ border-radius: 15px;
66+}
67+
68+#backlight,
69+#backlight-slider,
70+#battery,
71+#bluetooth,
72+#clock,
73+#cpu,
74+#disk,
75+#idle_inhibitor,
76+#keyboard-state,
77+#memory,
78+#mode,
79+#mpris,
80+#network,
81+#power-profiles-daemon,
82+#pulseaudio,
83+#pulseaudio-slider,
84+#taskbar button,
85+#taskbar,
86+#temperature,
87+#tray,
88+#window,
89+#wireplumber,
90+#workspaces,
91+#custom-backlight,
92+#custom-browser,
93+#custom-cava_mviz,
94+#custom-cycle_wall,
95+#custom-dot_update,
96+#custom-file_manager,
97+#custom-keybinds,
98+#custom-keyboard,
99+#custom-light_dark,
100+#custom-lock,
101+#custom-hint,
102+#custom-hypridle,
103+#custom-menu,
104+#custom-playerctl,
105+#custom-power_vertical,
106+#custom-power,
107+#custom-quit,
108+#custom-reboot,
109+#custom-settings,
110+#custom-spotify,
111+#custom-swaync,
112+#custom-tty,
113+#custom-updater,
114+#custom-weather,
115+#custom-weather.clearNight,
116+#custom-weather.cloudyFoggyDay,
117+#custom-weather.cloudyFoggyNight,
118+#custom-weather.default,
119+#custom-weather.rainyDay,
120+#custom-weather.rainyNight,
121+#custom-weather.severe,
122+#custom-weather.showyIcyDay,
123+#custom-weather.snowyIcyNight,
124+#custom-weather.sunnyDay {
125+ opacity: 1;
126+ padding-top: 4px;
127+ padding-bottom: 4px;
128+ padding-right: 6px;
129+ padding-left: 6px;
130+}
131+
132+#idle_inhibitor {
133+ color: @pink;
134+}
135+
136+#mpris {
137+ color: @rosewater;
138+}
139+
140+#battery {
141+ color: #a6e3a1;
142+ padding-left: 15px;
143+ border-radius: 15px 0 0 15px;
144+}
145+
146+@keyframes blink {
147+ to {
148+ background-color: #ffffff;
149+ color: #333333;
150+ }
151+}
152+
153+#battery.critical:not(.charging) {
154+ color: #f53c3c;
155+ animation-name: blink;
156+ animation-duration: 0.5s;
157+ animation-timing-function: linear;
158+ animation-iteration-count: infinite;
159+ animation-direction: alternate;
160+}
161+
162+#custom-lock,
163+#custom-power {
164+ color: @red;
165+ border-radius: 15px;
166+ font-weight: bolder;
167+ padding-left: 1px;
168+}
169+
170+#network {
171+ background-color: transparent;
172+ color: @mauve;
173+}
174+
175+#backlight {
176+ color: @flamingo;
177+}
178+
179+
180+#custom-weather {
181+ color: @green;
182+ border-radius: 15px;
183+ background-color: transparent;
184+}
185+
186+#custom-menu {
187+ color: #89b4fa;
188+}
189+
190+#pulseaudio {
191+ background-color: transparent;
192+ color: @blue;
193+}
194+
195+#clock,
196+#clock-calender {
197+ color: @sapphire;
198+}
199+
200+#custom-dots {
201+ color: @sapphire;
202+}
203+
204+#backlight-slider slider,
205+#pulseaudio-slider slider {
206+ min-height: 7px;
207+ min-width: 15px;
208+ opacity: 0;
209+ background-color: @text;
210+ border-radius: 3px;
211+ box-shadow: 1px 5px 6px 1px #272727;
212+}
213+
214+#backlight-slider trough,
215+#pulseaudio-slider trough {
216+ min-height: 100px;
217+ min-width: 7px;
218+ border-radius: 5px;
219+ background-color: @surface0;
220+}
221+
222+#backlight-slider highlight,
223+#pulseaudio-slider highlight {
224+ min-width: 5px;
225+ border-radius: 5px;
226+ background-color: @blue;
227+}
+388-0style/[WALLUST] ML4W-modern-mixed.css
@@ -0,0 +1,388 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* ml4w-modern-mixed */
3+
4+@import '../../.config/waybar/wallust/colors-waybar.css';
5+
6+@define-color backgroundlight @color12;
7+@define-color backgrounddark #FFFFFF;
8+@define-color workspacesbackground1 @color12;
9+@define-color workspacesbackground2 #FFFFFF;
10+@define-color bordercolor @color11;
11+@define-color textcolor1 @color12;
12+@define-color textcolor2 #FFFFFF;
13+@define-color textcolor3 #FFFFFF;
14+@define-color iconcolor #FFFFFF;
15+
16+* {
17+ font-family: "JetBrainsMono Nerd Font";
18+ font-weight: bold;
19+ min-height: 0;
20+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
21+ font-size: 97%;
22+ /* note: different modules have different font sizes */
23+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
24+}
25+
26+window#waybar {
27+ background-color: rgba(0,0,0,0.8);
28+ border-bottom: 0px solid #ffffff;
29+ /* color: #FFFFFF; */
30+ background: transparent;
31+ transition-property: background-color;
32+ transition-duration: .5s;
33+}
34+
35+#taskbar,
36+#workspaces {
37+ background: @workspacesbackground1;
38+ margin: 2px 18px 3px 1px;
39+ margin-left: 6px;
40+ padding: 0px 2px;
41+ border-radius: 5px 5px 5px 5px;
42+ border: 0px;
43+ font-weight: bold;
44+ font-style: normal;
45+ opacity: 0.8;
46+ color: @textcolor1;
47+}
48+
49+#taskbar button,
50+#workspaces button {
51+ padding: 0px 6px;
52+ margin: 3px 2px;
53+ border-radius: 3px 3px 3px 3px;
54+ color: @textcolor1;
55+ background-color: @workspacesbackground2;
56+ transition: all 0.1s linear;
57+ opacity: 0.4;
58+}
59+
60+#taskbar button.active,
61+#workspaces button.active {
62+ color: @textcolor1;
63+ background: @workspacesbackground2;
64+ border-radius: 3px 3px 3px 3px;
65+ min-width: 30px;
66+ transition: all 0.1s linear;
67+ opacity:1.0;
68+}
69+
70+#taskbar button.hover,
71+#workspaces button:hover {
72+ color: @textcolor1;
73+ background: @workspacesbackground2;
74+ border-radius: 5px 5px 5px 5px;
75+ opacity:0.7;
76+}
77+
78+tooltip {
79+ border-radius: 16px;
80+ background-color: @backgroundlight;
81+ opacity:0.9;
82+ padding:20px;
83+ margin:0px;
84+}
85+
86+tooltip label {
87+ color: @textcolor2;
88+}
89+
90+#window {
91+ margin: 3px 15px 3px 0px;
92+ padding: 2px 10px 0px 10px;
93+ border-radius: 5px 5px 5px 5px;
94+ color:white;
95+ font-weight:normal;
96+ opacity:0.8;
97+}
98+
99+window#waybar.empty #window {
100+ background-color:transparent;
101+}
102+
103+#taskbar.empty {
104+ background:transparent;
105+ border:0;
106+ padding:0;
107+ margin:0;
108+}
109+
110+.modules-left > widget:first-child > #workspaces {
111+ margin-left: 0;
112+}
113+
114+.modules-right > widget:last-child > #workspaces {
115+ margin-right: 0;
116+}
117+
118+#backlight,
119+#backlight-slider,
120+#battery,
121+#bluetooth,
122+#clock,
123+#cpu,
124+#disk,
125+#idle_inhibitor,
126+#keyboard-state,
127+#memory,
128+#mode,
129+#mpris,
130+#network,
131+#power-profiles-daemon,
132+#pulseaudio,
133+#pulseaudio-slider,
134+#taskbar button,
135+#taskbar,
136+#temperature,
137+#tray,
138+#window,
139+#wireplumber,
140+#workspaces,
141+#custom-backlight,
142+#custom-browser,
143+#custom-cava_mviz,
144+#custom-cycle_wall,
145+#custom-dot_update,
146+#custom-file_manager,
147+#custom-keybinds,
148+#custom-keyboard,
149+#custom-light_dark,
150+#custom-lock,
151+#custom-hint,
152+#custom-hypridle,
153+#custom-menu,
154+#custom-playerctl,
155+#custom-power_vertical,
156+#custom-power,
157+#custom-quit,
158+#custom-reboot,
159+#custom-settings,
160+#custom-spotify,
161+#custom-swaync,
162+#custom-tty,
163+#custom-updater,
164+#custom-weather,
165+#custom-weather.clearNight,
166+#custom-weather.cloudyFoggyDay,
167+#custom-weather.cloudyFoggyNight,
168+#custom-weather.default,
169+#custom-weather.rainyDay,
170+#custom-weather.rainyNight,
171+#custom-weather.severe,
172+#custom-weather.showyIcyDay,
173+#custom-weather.snowyIcyNight,
174+#custom-weather.sunnyDay {
175+ padding: 2px;
176+ margin-right: 8px;
177+ margin-left: 6px;
178+ font-size: 100%;
179+ opacity: 0.8;
180+ color: @iconcolor;
181+}
182+
183+#custom-swaync {
184+ margin-left: 12px;
185+}
186+
187+#idle_inhibitor {
188+ margin-right: 15px;
189+ font-size: 102%;
190+ font-weight: bold;
191+ opacity: 0.8;
192+ color: @iconcolor;
193+}
194+
195+#idle_inhibitor.activated {
196+ margin-right: 15px;
197+ font-size: 100%;
198+ font-weight: bold;
199+ opacity: 0.8;
200+ color: #dc2f2f;
201+}
202+
203+#custom-menu {
204+ background-color: @backgrounddark;
205+ color: @textcolor1;
206+ border-radius: 5px 5px 5px 5px;
207+ padding: 0px 10px 0px 10px;
208+ margin: 2px 17px 2px 0px;
209+ opacity:0.8;
210+ border:3px solid @bordercolor;
211+}
212+
213+#custom-power {
214+ background-color: @backgrounddark;
215+ color: @textcolor1;
216+ border-radius: 5px 5px 5px 5px;
217+ padding: 0px 0px 0px 6px;
218+ opacity:0.8;
219+ border:3px solid @bordercolor;
220+}
221+
222+#custom-keybinds {
223+ margin: 0px 13px 0px 0px;
224+ padding:0px;
225+ color: @iconcolor;
226+ opacity: 0.8;
227+}
228+
229+#custom-updater {
230+ background-color: @backgroundlight;
231+ color: @textcolor2;
232+ border-radius: 5px 5px 5px 5px;
233+ padding: 2px 10px 0px 10px;
234+ margin: 3px 15px 3px 0px;
235+ opacity:0.8;
236+}
237+
238+#custom-updates.green {
239+ background-color: @backgroundlight;
240+}
241+
242+#custom-updates.yellow {
243+ background-color: #ff9a3c;
244+ color: #FFFFFF;
245+}
246+
247+#custom-updates.red {
248+ background-color: #dc2f2f;
249+ color: #FFFFFF;
250+}
251+
252+#keyboard-state {
253+ margin-right:10px;
254+}
255+
256+#clock {
257+ background-color: @backgrounddark;
258+ color: @textcolor1;
259+ border-radius: 3px 5px 3px 5px;
260+ padding: 1px 10px 0px 10px;
261+ margin: 3px 0px 3px 0px;
262+ opacity:0.8;
263+ border:3px solid @bordercolor;
264+}
265+
266+#backlight {
267+ background-color: @backgroundlight;
268+ margin-left: 6px;
269+ color: @textcolor2;
270+ border-radius: 5px 5px 5px 5px;
271+ padding: 2px 10px 0px 10px;
272+ margin: 3px 15px 3px 0px;
273+ opacity:0.8;
274+}
275+
276+#pulseaudio {
277+ background-color: @backgroundlight;
278+ color: @textcolor2;
279+ border-radius: 5px 5px 5px 5px;
280+ padding: 2px 10px 0px 10px;
281+ margin: 3px 15px 3px 0px;
282+ opacity:0.8;
283+}
284+
285+#pulseaudio.muted {
286+ background-color: @backgrounddark;
287+ color: @textcolor1;
288+}
289+
290+#network {
291+ background-color: @backgroundlight;
292+ color: @textcolor2;
293+ border-radius: 5px 5px 5px 5px;
294+ padding: 2px 10px 0px 10px;
295+ margin: 3px 15px 3px 0px;
296+ opacity:0.8;
297+}
298+
299+#network.ethernet {
300+ background-color: @backgroundlight;
301+ color: @textcolor2;
302+}
303+
304+#network.wifi {
305+ background-color: @backgroundlight;
306+ color: @textcolor2;
307+}
308+
309+#bluetooth, #bluetooth.on, #bluetooth.connected {
310+ background-color: @backgroundlight;
311+ color: @textcolor2;
312+ border-radius: 5px 5px 5px 5px;
313+ padding: 2px 10px 0px 10px;
314+ margin: 3px 15px 3px 0px;
315+ opacity:0.8;
316+}
317+
318+#bluetooth.off {
319+ background-color: transparent;
320+ padding: 0px;
321+ margin: 0px;
322+}
323+
324+#battery {
325+ background-color: @backgroundlight;
326+ color: @textcolor2;
327+ border-radius: 5px 5px 5px 5px;
328+ padding: 2px 15px 0px 10px;
329+ margin: 3px 15px 3px 0px;
330+ opacity:0.8;
331+}
332+
333+#battery.charging, #battery.plugged {
334+ color: @textcolor2;
335+ background-color: @backgroundlight;
336+}
337+
338+@keyframes blink {
339+ to {
340+ background-color: @backgroundlight;
341+ color: @textcolor2;
342+ }
343+}
344+
345+#battery.critical:not(.charging) {
346+ background-color: #f53c3c;
347+ color: @textcolor3;
348+ animation-name: blink;
349+ animation-duration: 3.0s;
350+ animation-timing-function: steps(12);
351+ animation-iteration-count: infinite;
352+ animation-direction: alternate;
353+}
354+
355+#tray {
356+ padding: 0px 15px 0px 0px;
357+}
358+
359+#tray > .passive {
360+ -gtk-icon-effect: dim;
361+}
362+
363+#tray > .needs-attention {
364+ -gtk-icon-effect: highlight;
365+}
366+
367+#backlight-slider slider,
368+#pulseaudio-slider slider {
369+ min-width: 0px;
370+ min-height: 0px;
371+ opacity: 0;
372+ background-image: none;
373+ border: none;
374+ box-shadow: none;
375+}
376+
377+#backlight-slider trough,
378+#pulseaudio-slider trough {
379+ min-width: 80px;
380+ min-height: 5px;
381+ border-radius: 5px;
382+}
383+
384+#backlight-slider highlight,
385+#pulseaudio-slider highlight {
386+ min-height: 10px;
387+ border-radius: 5px;
388+}
+381-0style/[WALLUST] ML4W-modern.css
@@ -0,0 +1,381 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* ml4w-modern */
3+
4+@import '../../.config/waybar/wallust/colors-waybar.css';
5+
6+@define-color backgroundlight @color0;
7+@define-color backgrounddark @color12;
8+@define-color workspacesbackground1 @color0;
9+@define-color workspacesbackground2 @color12;
10+@define-color bordercolor @color13;
11+@define-color textcolor1 @foreground;
12+@define-color textcolor2 @foreground;
13+@define-color textcolor3 @foreground;
14+@define-color iconcolor @foreground;
15+
16+* {
17+ font-family: "JetBrainsMono Nerd Font";
18+ font-weight: bold;
19+ min-height: 0;
20+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
21+ font-size: 97%;
22+ /* note: different modules have different font sizes */
23+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
24+}
25+
26+window#waybar {
27+ background-color: rgba(0,0,0,0.8);
28+ border-bottom: 0px solid #ffffff;
29+ /* color: #FFFFFF; */
30+ background: transparent;
31+ transition-property: background-color;
32+ transition-duration: .5s;
33+}
34+
35+#workspaces {
36+ background: @workspacesbackground1;
37+ margin: 2px 18px 3px 1px;
38+ margin-left: 6px;
39+ padding: 0px 2px;
40+ border-radius: 5px 5px 5px 5px;
41+ border: 0px;
42+ font-style: normal;
43+ color: @textcolor1;
44+}
45+
46+#workspaces button {
47+ padding: 0px 6px;
48+ margin: 3px 2px;
49+ border-radius: 3px 3px 3px 3px;
50+ color: @textcolor1;
51+ background-color: @workspacesbackground1;
52+ transition: all 0.1s linear;
53+}
54+
55+#workspaces button.active {
56+ color: @textcolor1;
57+ background: @workspacesbackground2;
58+ border-radius: 3px 3px 3px 3px;
59+ min-width: 30px;
60+ transition: all 0.1s linear;
61+}
62+
63+#workspaces button:hover {
64+ color: @textcolor1;
65+ background: @workspacesbackground2;
66+ border-radius: 5px 5px 5px 5px;
67+ opacity:0.7;
68+}
69+
70+tooltip {
71+ border-radius: 16px;
72+ background-color: @backgroundlight;
73+ opacity:0.9;
74+ padding:20px;
75+ margin:0px;
76+}
77+
78+tooltip label {
79+ color: @textcolor2;
80+}
81+
82+#window {
83+ margin: 3px 15px 3px 0px;
84+ padding: 2px 10px 0px 10px;
85+ border-radius: 5px 5px 5px 5px;
86+ color:white;
87+ font-weight:normal;
88+}
89+
90+window#waybar.empty #window {
91+ background-color:transparent;
92+}
93+
94+#taskbar {
95+ background: @backgroundlight;
96+ margin: 3px 15px 3px 0px;
97+ padding:0px;
98+ border-radius: 5px 5px 5px 5px;
99+ font-weight: normal;
100+ font-style: normal;
101+ border: 3px solid @backgroundlight;
102+}
103+
104+#taskbar button {
105+ margin:0;
106+ border-radius: 5px 5px 5px 5px;
107+ padding: 0px 5px 0px 5px;
108+}
109+
110+#taskbar.empty {
111+ background:transparent;
112+ border:0;
113+ padding:0;
114+ margin:0;
115+}
116+
117+.modules-left > widget:first-child > #workspaces {
118+ margin-left: 0;
119+}
120+
121+.modules-right > widget:last-child > #workspaces {
122+ margin-right: 0;
123+}
124+
125+#backlight,
126+#backlight-slider,
127+#battery,
128+#bluetooth,
129+#clock,
130+#cpu,
131+#disk,
132+#idle_inhibitor,
133+#keyboard-state,
134+#memory,
135+#mode,
136+#mpris,
137+#network,
138+#power-profiles-daemon,
139+#pulseaudio,
140+#pulseaudio-slider,
141+#taskbar button,
142+#taskbar,
143+#temperature,
144+#tray,
145+#window,
146+#wireplumber,
147+#workspaces,
148+#custom-backlight,
149+#custom-browser,
150+#custom-cava_mviz,
151+#custom-cycle_wall,
152+#custom-dot_update,
153+#custom-file_manager,
154+#custom-keybinds,
155+#custom-keyboard,
156+#custom-light_dark,
157+#custom-lock,
158+#custom-hint,
159+#custom-hypridle,
160+#custom-menu,
161+#custom-playerctl,
162+#custom-power_vertical,
163+#custom-power,
164+#custom-quit,
165+#custom-reboot,
166+#custom-settings,
167+#custom-spotify,
168+#custom-swaync,
169+#custom-tty,
170+#custom-updater,
171+#custom-weather,
172+#custom-weather.clearNight,
173+#custom-weather.cloudyFoggyDay,
174+#custom-weather.cloudyFoggyNight,
175+#custom-weather.default,
176+#custom-weather.rainyDay,
177+#custom-weather.rainyNight,
178+#custom-weather.severe,
179+#custom-weather.showyIcyDay,
180+#custom-weather.snowyIcyNight,
181+#custom-weather.sunnyDay {
182+ margin-right: 8px;
183+ margin-left: 6px;
184+ font-size: 100%;
185+ color: @iconcolor;
186+}
187+
188+#custom-swaync {
189+ margin-left: 12px;
190+}
191+
192+#idle_inhibitor {
193+ margin-right: 15px;
194+ font-size: 102%;
195+ font-weight: bold;
196+ color: @iconcolor;
197+}
198+
199+#idle_inhibitor.activated {
200+ margin-right: 15px;
201+ font-size: 100%;
202+ font-weight: bold;
203+ color: #dc2f2f;
204+}
205+
206+#custom-menu {
207+ background-color: @backgrounddark;
208+ color: @textcolor1;
209+ border-radius: 5px 5px 5px 5px;
210+ padding: 0px 10px 0px 10px;
211+ margin: 2px 17px 2px 0px;
212+ border:3px solid @bordercolor;
213+}
214+
215+#custom-power {
216+ background-color: @backgrounddark;
217+ color: @textcolor1;
218+ border-radius: 5px 5px 5px 5px;
219+ padding: 0px 0px 0px 6px;
220+ border:3px solid @bordercolor;
221+}
222+
223+#custom-keybinds {
224+ margin: 0px 13px 0px 0px;
225+ padding:0px;
226+ color: @iconcolor;
227+}
228+
229+#custom-updater {
230+ background-color: @backgroundlight;
231+ color: @textcolor2;
232+ border-radius: 5px 5px 5px 5px;
233+ padding: 2px 10px 0px 10px;
234+ margin: 3px 15px 3px 0px;
235+}
236+
237+#custom-updates.green {
238+ background-color: @backgroundlight;
239+}
240+
241+#custom-updates.yellow {
242+ background-color: #ff9a3c;
243+ color: #FFFFFF;
244+}
245+
246+#custom-updates.red {
247+ background-color: #dc2f2f;
248+ color: #FFFFFF;
249+}
250+
251+#keyboard-state {
252+ margin-right:10px;
253+}
254+
255+#clock {
256+ background-color: @backgrounddark;
257+ color: @textcolor1;
258+ border-radius: 3px 5px 3px 5px;
259+ padding: 1px 10px 0px 10px;
260+ margin: 3px 0px 3px 0px;
261+ border:3px solid @bordercolor;
262+}
263+
264+#backlight {
265+ background-color: @backgroundlight;
266+ margin-left: 6px;
267+ color: @textcolor2;
268+ border-radius: 5px 5px 5px 5px;
269+ padding: 2px 10px 0px 10px;
270+ margin: 3px 15px 3px 0px;
271+}
272+
273+#pulseaudio {
274+ background-color: @backgroundlight;
275+ color: @textcolor2;
276+ border-radius: 5px 5px 5px 5px;
277+ padding: 2px 10px 0px 10px;
278+ margin: 3px 15px 3px 0px;
279+}
280+
281+#pulseaudio.muted {
282+ background-color: @backgrounddark;
283+ color: @textcolor1;
284+}
285+
286+#network {
287+ background-color: @backgroundlight;
288+ color: @textcolor2;
289+ border-radius: 5px 5px 5px 5px;
290+ padding: 2px 10px 0px 10px;
291+ margin: 3px 15px 3px 0px;
292+}
293+
294+#network.ethernet {
295+ background-color: @backgroundlight;
296+ color: @textcolor2;
297+}
298+
299+#network.wifi {
300+ background-color: @backgroundlight;
301+ color: @textcolor2;
302+}
303+
304+#bluetooth, #bluetooth.on, #bluetooth.connected {
305+ background-color: @backgroundlight;
306+ color: @textcolor2;
307+ border-radius: 5px 5px 5px 5px;
308+ padding: 2px 10px 0px 10px;
309+ margin: 3px 15px 3px 0px;
310+}
311+
312+#bluetooth.off {
313+ background-color: transparent;
314+ padding: 0px;
315+ margin: 0px;
316+}
317+
318+#battery {
319+ background-color: @backgroundlight;
320+ color: @textcolor2;
321+ border-radius: 5px 5px 5px 5px;
322+ padding: 2px 15px 0px 10px;
323+ margin: 3px 15px 3px 0px;
324+}
325+
326+#battery.charging, #battery.plugged {
327+ color: @textcolor2;
328+ background-color: @backgroundlight;
329+}
330+
331+@keyframes blink {
332+ to {
333+ background-color: @backgroundlight;
334+ color: @textcolor2;
335+ }
336+}
337+
338+#battery.critical:not(.charging) {
339+ background-color: #f53c3c;
340+ color: @textcolor3;
341+ animation-name: blink;
342+ animation-duration: 3.0s;
343+ animation-timing-function: steps(12);
344+ animation-iteration-count: infinite;
345+ animation-direction: alternate;
346+}
347+
348+#tray {
349+ padding: 0px 15px 0px 0px;
350+}
351+
352+#tray > .passive {
353+ -gtk-icon-effect: dim;
354+}
355+
356+#tray > .needs-attention {
357+ -gtk-icon-effect: highlight;
358+}
359+
360+#backlight-slider slider,
361+#pulseaudio-slider slider {
362+ min-width: 0px;
363+ min-height: 0px;
364+ opacity: 0;
365+ background-image: none;
366+ border: none;
367+ box-shadow: none;
368+}
369+
370+#backlight-slider trough,
371+#pulseaudio-slider trough {
372+ min-width: 80px;
373+ min-height: 5px;
374+ border-radius: 5px;
375+}
376+
377+#backlight-slider highlight,
378+#pulseaudio-slider highlight {
379+ min-height: 10px;
380+ border-radius: 5px;
381+}
+311-0style/[Wallust Bordered] Chroma Fusion Edge.css
@@ -0,0 +1,311 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* ....Chroma Fusion Edge .... */
3+/* Wallust & Catppuccin - Bordered */
4+
5+@define-color white #F2F2F2;
6+@define-color black #000000;
7+@define-color text #FFFFFF;
8+@define-color lightgray #686868;
9+@define-color darkgray #353535;
10+
11+@define-color transparent rgba(0, 0, 0, 0.25);
12+@define-color teal-trans rgba(1, 117, 84, 0.5);
13+@define-color cyan rgba(53, 140, 169, 1);
14+
15+@define-color background-module @transparent;
16+@define-color border-color @color12;
17+@define-color button-color @color11;
18+@define-color button-hover @color9;
19+
20+@import '../../.config/waybar/wallust/colors-waybar.css';
21+@import "../waybar/style/catppuccin-themes/latte.css";
22+
23+* {
24+ font-family: "JetBrainsMono Nerd Font";
25+ font-weight: bold;
26+ min-height: 0;
27+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
28+ font-size: 97%;
29+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
30+}
31+
32+window#waybar {
33+ background: linear-gradient(0deg, @border-color, black);
34+ /*background: rgba(1, 117, 84, 0.5);*/
35+ /*background: @transparent;*/
36+ border-bottom-right-radius: 20px;
37+ border-bottom-left-radius: 20px;
38+ border-top-left-radius: 20px;
39+ border-top-right-radius: 20px;
40+ border:2px solid black;
41+}
42+
43+window#waybar.empty,
44+window#waybar.empty #window {
45+ background-color: transparent;
46+ padding: 0px;
47+ border: 0px;
48+}
49+
50+tooltip {
51+ background-color: transparent;
52+ border-radius: 10px;
53+ border-width: 1px;
54+ border-style: solid;
55+ border-color: #11111b;
56+ color: @border-color;
57+}
58+
59+#backlight,
60+#backlight-slider,
61+#battery,
62+#bluetooth,
63+#clock,
64+#cpu,
65+#disk,
66+#idle_inhibitor,
67+#keyboard-state,
68+#memory,
69+#mode,
70+#mpris,
71+#network,
72+#power-profiles-daemon,
73+#pulseaudio,
74+#pulseaudio-slider,
75+#taskbar button,
76+#temperature,
77+#tray,
78+#window,
79+#wireplumber,
80+#custom-backlight,
81+#custom-browser,
82+#custom-cava_mviz,
83+#custom-cycle_wall,
84+#custom-dot_update,
85+#custom-file_manager,
86+#custom-keybinds,
87+#custom-keyboard,
88+#custom-light_dark,
89+#custom-lock,
90+#custom-hint,
91+#custom-hypridle,
92+#custom-menu,
93+#custom-playerctl,
94+#custom-power_vertical,
95+#custom-power,
96+#custom-quit,
97+#custom-reboot,
98+#custom-settings,
99+#custom-spotify,
100+#custom-swaync,
101+#custom-tty,
102+#custom-updater,
103+#custom-weather,
104+#custom-weather.clearNight,
105+#custom-weather.cloudyFoggyDay,
106+#custom-weather.cloudyFoggyNight,
107+#custom-weather.default,
108+#custom-weather.rainyDay,
109+#custom-weather.rainyNight,
110+#custom-weather.severe,
111+#custom-weather.showyIcyDay,
112+#custom-weather.snowyIcyNight,
113+#custom-weather.sunnyDay {
114+ background-color: @background-module;
115+ border-radius: 25px;
116+ padding: 0px 10px 0px 10px;
117+ margin: 5px;
118+ opacity:0.8;
119+ border:2px solid @border-color;
120+
121+}
122+#custom-power {
123+ color: red;
124+ padding: 0px 0px 0px 7px;
125+ opacity:1.0;
126+}
127+#backlight {
128+ padding: 0px 2px 0px 6px;
129+}
130+#custom-light_dark,
131+#custom-menu{
132+ color: @flamingo;
133+ padding: 0px 8px 0px 4px;
134+ opacity:1.0;
135+}
136+
137+#custom-weather,
138+#custom-updates {
139+ color: @yellow;
140+}
141+
142+#mpris {
143+ padding-right: 2px;
144+}
145+
146+#keyboard-state,
147+#clock {
148+ color: @sapphire;
149+}
150+
151+#temperature {
152+ color: @rosewater;
153+}
154+
155+#network {
156+ padding-left: 2px;
157+ color: @rosewater;
158+}
159+
160+#custom-swaync,
161+#custom-hint,
162+#tray {
163+ color: aliceblue;
164+}
165+
166+#taskbar,
167+#window {
168+ color:#FFFFFF;
169+}
170+
171+#bluetooth,
172+#custom-backlight,
173+#custom-cycle_wall,
174+#custom-keyboard,
175+#custom-light_dark {
176+ color: @lavender;
177+}
178+
179+#custom-lock,
180+#custom-hypridle,
181+#idle_inhibitor {
182+ color: @teal;
183+}
184+
185+/*-----Indicators----*/
186+#custom-hypridle.notactive,
187+#idle_inhibitor.activated {
188+ color: #39FF14;
189+}
190+
191+#custom-cava_mviz{
192+ color: @color2;
193+}
194+#workspaces {
195+ border-radius: 25px;
196+ border:2px solid @border-color;
197+ opacity:0.8;
198+ color:#FFFFFF;
199+ margin: 6px;
200+
201+}
202+
203+#taskbar button,
204+#workspaces button {
205+ border-radius: 15px;
206+ border:0px;
207+ color: @color13;
208+ padding-left: 2px;
209+ padding-right: 2px;
210+ animation: gradient_f 20s ease-in infinite;
211+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
212+ opacity:0.8;
213+}
214+
215+#taskbar button.active,
216+#workspaces button.active {
217+ color: #FFFFFF;
218+ background: @button-color;
219+ border-radius: 25px;
220+ padding-left: 4px;
221+ padding-right: 4px;
222+ animation: gradient_f 20s ease-in infinite;
223+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
224+ opacity:1.0;
225+}
226+
227+#workspaces button.empty {
228+ color: #FFFFFF;
229+ opacity:1.0;
230+}
231+
232+#taskbar button:hover,
233+#workspaces button:hover {
234+ color: #FFFFFF;
235+ background: @button-hover;
236+ border-radius: 15px;
237+ opacity:1.0;
238+ padding-left: 2px;
239+ padding-right: 2px;
240+ animation: gradient_f 20s ease-in infinite;
241+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
242+}
243+
244+#pulseaudio-slider,
245+#pulseaudio {
246+ color: @color13;
247+}
248+
249+#pulseaudio.muted {
250+ color: red;
251+}
252+
253+#memory {
254+ color: @sapphire;
255+}
256+
257+#cpu {
258+ color: @mauve;
259+}
260+
261+#battery {
262+ color: @rosewater;
263+}
264+
265+#disk {
266+ color: @sky;
267+}
268+
269+#temperature.critical {
270+ background-color: red;
271+}
272+
273+@keyframes blink {
274+ to {
275+ color: #000000;
276+ }
277+}
278+
279+#battery.critical:not(.charging) {
280+ color: #f53c3c;
281+ animation-name: blink;
282+ animation-duration: 3.0s;
283+ animation-timing-function: steps(12);
284+ animation-iteration-count: infinite;
285+ animation-direction: alternate;
286+}
287+
288+#backlight-slider slider,
289+#pulseaudio-slider slider {
290+ min-width: 0px;
291+ min-height: 0px;
292+ opacity: 0;
293+ background-image: none;
294+ border: none;
295+ box-shadow: none;
296+}
297+
298+#backlight-slider trough,
299+#pulseaudio-slider trough {
300+ min-width: 80px;
301+ min-height: 5px;
302+ border-radius: 5px;
303+}
304+
305+#backlight-slider highlight,
306+#pulseaudio-slider highlight {
307+ min-height: 10px;
308+ border-radius: 5px;
309+}
310+
311+
+312-0style/[Wallust Bordered] Chroma Simple.css
@@ -0,0 +1,312 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* Wallust Bordered - Chroma Simple */
3+
4+@import '../../.config/waybar/wallust/colors-waybar.css';
5+
6+
7+* {
8+ font-family: "JetBrainsMono Nerd Font";
9+ font-weight: bold;
10+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11+ font-size: 97%;
12+ min-height: 0;
13+}
14+
15+window#waybar {
16+ background-color: transparent;
17+ color: @foreground;
18+ padding-left: 15px;
19+ padding-right: 15px;
20+}
21+
22+window#waybar.empty,
23+window#waybar.empty #window {
24+ background-color: transparent;
25+ padding: 0px;
26+ border: 0px;
27+}
28+
29+tooltip {
30+ background-color: @color12;
31+ color: @foreground;
32+ border-radius: 10px;
33+ border-width: 1.5px;
34+ border-style: solid;
35+ border-color: @color9;
36+ transition: 0.3s;
37+ opacity: 0.9;
38+}
39+
40+#taskbar button,
41+#workspaces {
42+ border-radius: 20px;
43+ background: @background;
44+ opacity: 1;
45+ padding: 0px 10px;
46+ margin: 0;
47+ margin-top: 5px;
48+ border: 2px solid @color12;
49+}
50+
51+#workspaces button {
52+ color: @color10;
53+ box-shadow: none;
54+ text-shadow: none;
55+ padding-right: 12px;
56+ border-radius: 9px;
57+ animation: gradient_f 20s ease-in infinite;
58+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
59+}
60+
61+#taskbar button.active,
62+#workspaces button.active {
63+ color: @color12;
64+ padding-right: 12px;
65+ background-color: @background;
66+ animation: gradient_f 20s ease-in infinite;
67+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
68+}
69+
70+#workspaces button.urgent {
71+ color: #11111b;
72+ border-radius: 10px;
73+}
74+
75+#taskbar button:hover,
76+#workspaces button:hover {
77+ color: @color12;
78+ padding-left: 0px;
79+ padding-right: 2px;
80+ animation: gradient_f 20s ease-in infinite;
81+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
82+}
83+
84+#backlight,
85+#backlight-slider,
86+#battery,
87+#bluetooth,
88+#clock,
89+#cpu,
90+#disk,
91+#idle_inhibitor,
92+#keyboard-state,
93+#memory,
94+#mode,
95+#mpris,
96+#network,
97+#power-profiles-daemon,
98+#pulseaudio,
99+#pulseaudio-slider,
100+#taskbar,
101+#temperature,
102+#tray,
103+#window,
104+#wireplumber,
105+#custom-backlight,
106+#custom-browser,
107+#custom-cava_mviz,
108+#custom-cycle_wall,
109+#custom-dot_update,
110+#custom-file_manager,
111+#custom-keybinds,
112+#custom-keyboard,
113+#custom-light_dark,
114+#custom-lock,
115+#custom-hint,
116+#custom-hypridle,
117+#custom-menu,
118+#custom-playerctl,
119+#custom-power_vertical,
120+#custom-power,
121+#custom-quit,
122+#custom-reboot,
123+#custom-settings,
124+#custom-spotify,
125+#custom-swaync,
126+#custom-tty,
127+#custom-updater,
128+#custom-weather,
129+#custom-weather.clearNight,
130+#custom-weather.cloudyFoggyDay,
131+#custom-weather.cloudyFoggyNight,
132+#custom-weather.default,
133+#custom-weather.rainyDay,
134+#custom-weather.rainyNight,
135+#custom-weather.severe,
136+#custom-weather.showyIcyDay,
137+#custom-weather.snowyIcyNight,
138+#custom-weather.sunnyDay {
139+ border-radius: 20px;
140+ background: @background;
141+ opacity: 1;
142+ padding: 0px 10px;
143+ margin: 0;
144+ margin-top: 5px;
145+ border: 2px solid @color13;
146+}
147+
148+#cpu {
149+ border: 2px solid @color5;
150+ color: @foreground;
151+ background: @color12;
152+}
153+
154+#memory {
155+ color: @foreground;
156+ background: @color12;
157+}
158+
159+#disk {
160+ color: @foreground;
161+ background: @color12;
162+ border: 2px solid @color13;
163+}
164+
165+#temperature{
166+ color: @foreground;
167+ background: @color12;
168+}
169+
170+#temperature.critical {
171+ color: red;
172+ border: 2px solid red;
173+}
174+
175+#custom-power {
176+ color: red;
177+ padding-left: 10px;
178+ padding-right: 2px;
179+ border: 2px solid red;
180+}
181+
182+#backlight {
183+ color: #f9e2af;
184+ padding-right: 5px;
185+}
186+
187+#tray {
188+ border-radius: 20px;
189+ margin-right: 5px;
190+/* padding: 0px 4px; */
191+ padding-left: 15px;
192+ padding-right: 15px;
193+ border: 2px solid @color7;
194+}
195+
196+#mpris {
197+ padding-left: 16px;
198+}
199+#tray.empty {
200+ background-color: transparent;
201+ border-color: transparent;
202+ border: 0px;
203+}
204+
205+#window {
206+ margin-left: 5px;
207+ margin-right: 5px;
208+ border: 2px solid @color9;
209+}
210+
211+#clock {
212+ color: #fab387;
213+}
214+
215+
216+#bluetooth {
217+ color: #b4befe;
218+ margin-right: 10px
219+}
220+
221+#pulseaudio.microphone,
222+#pulseaudio {
223+ background-color: @color12;
224+ color: #89b4fa;
225+ border: 2px solid @color13;
226+}
227+
228+#pulseaudio.muted {
229+ color: #f38ba8;
230+ padding-right: 20px;
231+}
232+
233+#battery {
234+ color: #a6e3a1;
235+ margin-right: 5px;
236+ padding-right: 15px;
237+ border: 2px solid @color14;
238+}
239+
240+/*-----Indicators----*/
241+#custom-hypridle.notactive,
242+#idle_inhibitor.activated {
243+ color: #39FF14;
244+}
245+
246+#battery.good {
247+ color: #ffd57a;
248+ border: 2px solid @color15;
249+}
250+
251+#battery.warning {
252+ color: #fab387;
253+ border-left: 0px;
254+ border: 2px solid @color12;
255+}
256+
257+#battery.charging {
258+ color: #a6e3a1;
259+}
260+
261+#battery.critical {
262+ color: #f38ba8;
263+ border-left: 0px;
264+ border: 2px solid @color8;
265+}
266+
267+@keyframes blink {
268+ to {
269+ color: @color12;
270+ }
271+}
272+
273+#battery.critical:not(.charging) {
274+ background-color: red;
275+ color: white;
276+ animation-name: blink;
277+ animation-duration: 3.0s;
278+ animation-timing-function: steps(12);
279+ animation-iteration-count: infinite;
280+ animation-direction: alternate;
281+ box-shadow: inset 0 -3px transparent;
282+}
283+
284+#custom-weather {
285+ color: #8eacf3;
286+ border-right: 0px;
287+ margin-left: 0px;
288+ margin-right: 5px;
289+}
290+
291+#backlight-slider slider,
292+#pulseaudio-slider slider {
293+ min-width: 0px;
294+ min-height: 0px;
295+ opacity: 0;
296+ background-image: none;
297+ border: none;
298+ box-shadow: none;
299+}
300+
301+#backlight-slider trough,
302+#pulseaudio-slider trough {
303+ min-width: 80px;
304+ min-height: 5px;
305+ border-radius: 5px;
306+}
307+
308+#backlight-slider highlight,
309+#pulseaudio-slider highlight {
310+ min-height: 10px;
311+ border-radius: 5px;
312+}
+214-0style/[Wallust Transparent] Crystal Clear.css
@@ -0,0 +1,214 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* ....Wallust Transparent - Crystal Clear........ */
3+/* --- ๐Ÿ‘ original designed by https://github.com/Krautt ๐Ÿ‘ --- */
4+
5+@import '../../.config/waybar/wallust/colors-waybar.css';
6+
7+@define-color critical #ff0000; /* critical color */
8+@define-color warning #f3f809; /* warning color */
9+@define-color text @color12; /* text color */
10+@define-color text-alt @color13; /* text alternative color */
11+@define-color bg @color7; /* background color */
12+
13+*{
14+ font-family: "JetBrainsMono Nerd Font";
15+ font-weight: bold;
16+ min-height: 0;
17+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
18+ font-size: 97%;
19+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
20+}
21+
22+window#waybar {
23+ background:transparent;
24+ border-radius: 1px;
25+ color: @text;
26+}
27+
28+window#waybar.hidden {
29+ opacity: 0.5;
30+}
31+window#waybar.empty {
32+ background-color: transparent;
33+}
34+
35+window#waybar.empty #window {
36+ padding: 0px;
37+ border: 0px;
38+ background-color: transparent;
39+}
40+
41+/*-----module groups----*/
42+.modules-right {
43+
44+}
45+
46+.modules-center {
47+
48+}
49+
50+.modules-left {
51+
52+}
53+
54+tooltip {
55+ color: @color12;
56+ background: @color10;
57+ opacity: 0.8;
58+ border-radius: 10px;
59+ border-width: 1px;
60+ border-style: solid;
61+}
62+
63+#taskbar button,
64+#workspaces button {
65+ color: @text-alt;
66+ box-shadow: none;
67+ text-shadow: none;
68+ padding: 0px;
69+ border-radius: 9px;
70+ padding-left: 4px;
71+ padding-right: 4px;
72+ animation: gradient_f 20s ease-in infinite;
73+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
74+}
75+
76+#taskbar button.active,
77+#workspaces button.active {
78+ color: @text;
79+ border-radius: 15px 15px 15px 15px;
80+ padding-left: 8px;
81+ padding-right: 8px;
82+ animation: gradient_f 20s ease-in infinite;
83+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
84+}
85+
86+#workspaces button.focused {
87+ color: @text-alt;
88+}
89+
90+#workspaces button.urgent {
91+ color: @warning;
92+ border-radius: 10px;
93+}
94+
95+#taskbar button:hover,
96+#workspaces button:hover {
97+ color: @text;
98+ border-radius: 15px;
99+ padding-left: 2px;
100+ padding-right: 2px;
101+ animation: gradient_f 20s ease-in infinite;
102+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
103+}
104+
105+#backlight,
106+#battery,
107+#bluetooth,
108+#clock,
109+#cpu,
110+#disk,
111+#idle_inhibitor,
112+#keyboard-state,
113+#memory,
114+#mode,
115+#mpris,
116+#network,
117+#power-profiles-daemon,
118+#pulseaudio,
119+#temperature,
120+#tray,
121+#window,
122+#wireplumber,
123+#workspaces,
124+#custom-backlight,
125+#custom-browser,
126+#custom-cava_mviz,
127+#custom-cycle_wall,
128+#custom-dot_update,
129+#custom-file_manager,
130+#custom-keybinds,
131+#custom-keyboard,
132+#custom-light_dark,
133+#custom-lock,
134+#custom-hint,
135+#custom-hypridle,
136+#custom-menu,
137+#custom-playerctl,
138+#custom-power_vertical,
139+#custom-power,
140+#custom-quit,
141+#custom-reboot,
142+#custom-settings,
143+#custom-spotify,
144+#custom-swaync,
145+#custom-tty,
146+#custom-updater,
147+#custom-weather,
148+#custom-weather.clearNight,
149+#custom-weather.cloudyFoggyDay,
150+#custom-weather.cloudyFoggyNight,
151+#custom-weather.default
152+#custom-weather.rainyDay,
153+#custom-weather.rainyNight,
154+#custom-weather.severe,
155+#custom-weather.showyIcyDay,
156+#custom-weather.snowyIcyNight,
157+#custom-weather.sunnyDay {
158+ padding-top: 4px;
159+ padding-bottom: 4px;
160+ padding-right: 6px;
161+ padding-left: 6px;
162+}
163+
164+#temperature.critical {
165+ background-color: #ff0000;
166+}
167+
168+@keyframes blink {
169+ to {
170+ color: #000000;
171+ }
172+}
173+
174+/*-----Indicators----*/
175+#custom-hypridle.notactive,
176+#idle_inhibitor.activated {
177+ color: #39FF14;
178+}
179+
180+#battery.critical:not(.charging) {
181+ color: @critical;
182+ animation-name: blink;
183+ animation-duration: 3.0s;
184+ animation-timing-function: steps(12);
185+ animation-iteration-count: infinite;
186+ animation-direction: alternate;
187+}
188+
189+#backlight-slider slider,
190+#pulseaudio-slider slider {
191+ min-width: 0px;
192+ min-height: 0px;
193+ opacity: 0;
194+ background-image: none;
195+ border: none;
196+ box-shadow: none;
197+}
198+
199+#backlight-slider trough,
200+#pulseaudio-slider trough {
201+ min-width: 80px;
202+ min-height: 10px;
203+ border-radius: 5px;
204+ background-color: black;
205+}
206+
207+#backlight-slider highlight,
208+#pulseaudio-slider highlight {
209+ min-height: 10px;
210+ border-radius: 5px;
211+ background-color: wheat;
212+}
213+
214+
+219-0style/[Wallust] Box type.css
@@ -0,0 +1,219 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Wallust - Box type */
3+
4+@import '../../.config/waybar/wallust/colors-waybar.css';
5+
6+* {
7+font-family: "JetBrainsMono Nerd Font";
8+font-weight: bold;
9+min-height: 0;
10+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11+font-size: 97%;
12+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13+}
14+
15+
16+window#waybar {
17+ background: transparent;
18+}
19+
20+window#waybar.hidden {
21+ opacity: 0.2;
22+}
23+
24+
25+window#waybar.empty,
26+window#waybar.empty #window {
27+ background-color: transparent;
28+ padding: 0px;
29+ border: 0px;
30+}
31+
32+#window {
33+ padding-left: 10px;
34+ padding-right: 10px;
35+ border-radius: 10px;
36+ transition: none;
37+ color: transparent;
38+ background: transparent;
39+}
40+
41+#taskbar button,
42+#workspaces button {
43+ color: @foreground;
44+ box-shadow: none;
45+ text-shadow: none;
46+ padding: 0px;
47+ border-radius: 9px;
48+ padding-left: 4px;
49+ padding-right: 4px;
50+ animation: gradient_f 20s ease-in infinite;
51+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
52+}
53+
54+#taskbar button.active,
55+#workspaces button.active {
56+ color: @color12;
57+ background-color: @foreground;
58+ padding-left: 4px;
59+ padding-right: 8px;
60+ animation: gradient_f 20s ease-in infinite;
61+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
62+}
63+
64+#taskbar button.focused,
65+#workspaces button.focused {
66+ color: @color4;
67+}
68+
69+#workspaces button.urgent {
70+ color: #11111b;
71+ border-radius: 10px;
72+}
73+
74+#taskbar button:hover,
75+#workspaces button:hover {
76+ color: @color4;
77+ padding-left: 2px;
78+ padding-right: 8px;
79+ animation: gradient_f 20s ease-in infinite;
80+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
81+}
82+
83+#backlight,
84+#backlight-slider,
85+#battery,
86+#bluetooth,
87+#clock,
88+#cpu,
89+#disk,
90+#idle_inhibitor,
91+#keyboard-state,
92+#memory,
93+#mode,
94+#mpris,
95+#network,
96+#power-profiles-daemon,
97+#pulseaudio,
98+#pulseaudio-slider,
99+#taskbar,
100+#temperature,
101+#tray,
102+#window,
103+#wireplumber,
104+#workspaces,
105+#custom-backlight,
106+#custom-browser,
107+#custom-cava_mviz,
108+#custom-cycle_wall,
109+#custom-dot_update,
110+#custom-file_manager,
111+#custom-keybinds,
112+#custom-keyboard,
113+#custom-light_dark,
114+#custom-lock,
115+#custom-hint,
116+#custom-hypridle,
117+#custom-menu,
118+#custom-playerctl,
119+#custom-power_vertical,
120+#custom-power,
121+#custom-quit,
122+#custom-reboot,
123+#custom-settings,
124+#custom-spotify,
125+#custom-swaync,
126+#custom-tty,
127+#custom-updater,
128+#custom-weather,
129+#custom-weather.clearNight,
130+#custom-weather.cloudyFoggyDay,
131+#custom-weather.cloudyFoggyNight,
132+#custom-weather.default,
133+#custom-weather.rainyDay,
134+#custom-weather.rainyNight,
135+#custom-weather.severe,
136+#custom-weather.showyIcyDay,
137+#custom-weather.snowyIcyNight,
138+#custom-weather.sunnyDay{
139+ padding-top: 4px;
140+ padding-bottom: 4px;
141+ padding-left: 8px;
142+ padding-right: 10px;
143+ border-radius: 10px;
144+ transition: none;
145+ color: @foreground;
146+ background: @color0;
147+ border-bottom-width: 5px;
148+ border-bottom-color: @color12;
149+ border-bottom-style: solid;
150+}
151+
152+#custom-power {
153+ padding-right: 2px;
154+}
155+
156+/*-----Indicators----*/
157+#custom-hypridle.notactive,
158+#idle_inhibitor.activated {
159+ color: #39FF14;
160+}
161+
162+#network {
163+ padding-right: 12px;
164+}
165+
166+#temperature.critical {
167+ background-color: red;
168+ color: black;
169+}
170+
171+#mpris {
172+ padding-right: 2px;
173+ padding-left: 8px;
174+}
175+#backlight {
176+ padding-right: 2px;
177+}
178+#battery.critical:not(.charging) {
179+ background-color: #ffffff;
180+ color: #000000;
181+ animation-name: blink;
182+ animation-duration: 3.0s;
183+ animation-timing-function: steps(12);
184+ animation-iteration-count: infinite;
185+ animation-direction: alternate;
186+ border-bottom-width: 5px;
187+ border-bottom-color: @color12;
188+ border-bottom-style: solid;
189+}
190+
191+@keyframes blink {
192+ to {
193+ background-color: #ffffff;
194+ color: #000000;
195+ }
196+}
197+
198+#backlight-slider slider,
199+#pulseaudio-slider slider {
200+ min-width: 0px;
201+ min-height: 0px;
202+ opacity: 10;
203+ background-image: none;
204+ border: none;
205+ box-shadow: @color12;
206+}
207+
208+#backlight-slider trough,
209+#pulseaudio-slider trough {
210+ min-width: 80px;
211+ min-height: 5px;
212+ border-radius: 5px;
213+}
214+
215+#backlight-slider highlight,
216+#pulseaudio-slider highlight {
217+ min-height: 10px;
218+ border-radius: 5px;
219+}
+373-0style/[Wallust] Chroma Edge.css
@@ -0,0 +1,373 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Wallust Chroma Edge */
3+
4+@import '../../.config/waybar/wallust/colors-waybar.css';
5+
6+* {
7+font-family: "JetBrainsMono Nerd Font";
8+font-weight: bold;
9+min-height: 0;
10+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11+font-size: 97%;
12+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13+}
14+
15+window#waybar {
16+ /* background-color: rgba(26, 27, 38, 0.5); */
17+ background-color: transparent;
18+ color: #ffffff;
19+ transition-property: background-color;
20+ transition-duration: 0.5s;
21+ /* border-top: 8px transparent; */
22+ border-radius: 0px;
23+ transition-duration: 0.5s;
24+}
25+
26+window#waybar.empty
27+window#waybar.empty #window {
28+ padding: 0px;
29+ border: 0px;
30+ background-color: transparent;
31+}
32+
33+window#waybar.hidden {
34+ opacity: 0.1;
35+}
36+
37+tooltip {
38+ background: #1e1e2e;
39+ opacity: 0.8;
40+ border-radius: 12px;
41+ border-width: 2px;
42+ border-style: solid;
43+ border-color: @color12;
44+}
45+
46+tooltip label{
47+ color: #cdd6f4;
48+}
49+
50+#taskbar button,
51+#workspaces button {
52+ background-color: transparent;
53+ color: grey;
54+ box-shadow: none;
55+ text-shadow: none;
56+ padding: 0px;
57+ border-radius: 9px;
58+ padding-left: 4px;
59+ padding-right: 4px;
60+ animation: gradient_f 20s ease-in infinite;
61+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
62+}
63+
64+#workspaces button.active {
65+ background-color: transparent;
66+ color: #D3D3D3;
67+ padding-left: 8px;
68+ padding-right: 8px;
69+ animation: gradient_f 20s ease-in infinite;
70+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
71+}
72+
73+#workspaces button:hover {
74+ background: rgba(0, 0, 0, 0.2);
75+ color: #D3D3D3;
76+ padding-left: 2px;
77+ padding-right: 2px;
78+ animation: gradient_f 20s ease-in infinite;
79+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
80+}
81+
82+#workspaces button.urgent {
83+ background-color: #eb4d4b;
84+}
85+
86+#backlight,
87+#backlight-slider,
88+#battery,
89+#bluetooth,
90+#clock,
91+#cpu,
92+#disk,
93+#idle_inhibitor,
94+#keyboard-state,
95+#memory,
96+#mode,
97+#mpris,
98+#network,
99+#power-profiles-daemon,
100+#pulseaudio,
101+#pulseaudio-slider,
102+#taskbar,
103+#temperature,
104+#tray,
105+#window,
106+#wireplumber,
107+#workspaces,
108+#custom-backlight,
109+#custom-browser,
110+#custom-cava_mviz,
111+#custom-cycle_wall,
112+#custom-dot_update,
113+#custom-file_manager,
114+#custom-keybinds,
115+#custom-keyboard,
116+#custom-light_dark,
117+#custom-lock,
118+#custom-hint,
119+#custom-hypridle,
120+#custom-menu,
121+#custom-playerctl,
122+#custom-power_vertical,
123+#custom-power,
124+#custom-quit,
125+#custom-reboot,
126+#custom-settings,
127+#custom-spotify,
128+#custom-swaync,
129+#custom-tty,
130+#custom-updater,
131+#custom-weather,
132+#custom-weather.clearNight,
133+#custom-weather.cloudyFoggyDay,
134+#custom-weather.cloudyFoggyNight,
135+#custom-weather.default,
136+#custom-weather.rainyDay,
137+#custom-weather.rainyNight,
138+#custom-weather.severe,
139+#custom-weather.showyIcyDay,
140+#custom-weather.snowyIcyNight,
141+#custom-weather.sunnyDay {
142+ color: #e5e5e5;
143+ /* color: #bf616a; */
144+ border-radius: 12px;
145+ background-color: rgba(50, 50, 50, 0.1);
146+ border: 1px solid @color12;
147+ padding-top: 4px;
148+ padding-bottom: 4px;
149+ padding-right: 6px;
150+ padding-left: 6px;
151+}
152+
153+#workspaces {
154+ border-radius: 12px;
155+ padding: 0px 6px;
156+}
157+
158+#cpu {
159+ color: #fb958b;
160+ padding: 3px;
161+ background-color: rgba(50, 50, 50, 0.1);
162+}
163+
164+#custom-cycle_wall,
165+#custom-updater {
166+ color: #cba7f7;
167+ padding: 3px;
168+ background-color: rgba(50, 50, 50, 0.1);
169+
170+}
171+
172+#custom-menu {
173+ color: #FFFFFF;
174+ padding: 6px;
175+ padding-right: 6px;
176+ background-color: rgba(50, 50, 50, 0.1);
177+}
178+
179+#custom-keyboard,
180+#memory {
181+ color: #ebcb8b;
182+}
183+
184+#custom-power {
185+ color: #cc3436;
186+ padding: 0px 0px 0px 6px;
187+}
188+
189+#custom-launcher {
190+ background-color: #1b242b;
191+ color: #6a92d7;
192+ padding: 0 0px;
193+}
194+
195+#custom-weather.severe {
196+ color: #eb937d;
197+}
198+
199+#custom-weather.sunny {
200+ color: #c2ca76;
201+}
202+
203+#custom-weather.clearNight {
204+ color: #cad3f5;
205+}
206+
207+#custom-weather.cloudyFoggyDay,
208+#custom-weather.cloudyFoggyNight {
209+ color: #c2ddda;
210+}
211+
212+#custom-weather.rainyDay,
213+#custom-weather.rainyNight {
214+ color: #5aaca5;
215+}
216+
217+#custom-weather.showyIcyDay,
218+#custom-weather.snowyIcyNight {
219+ color: #d6e7e5;
220+}
221+
222+#custom-swaync,
223+#custom-weather {
224+ color: #ebecf0;
225+}
226+
227+#pulseaudio {
228+ color: #FFD580;
229+}
230+
231+#wireplumber {
232+ color: #FFD580;
233+}
234+#backlight {
235+ color: #8fbcbb;
236+ padding-right: 2px;
237+}
238+
239+#clock {
240+ color: #90EE90;
241+ /* background-color: #14141e; */
242+}
243+
244+#battery {
245+ color: #c0caf5;
246+ /* background-color: #90b1b1; */
247+}
248+
249+#battery.charging,
250+#battery.full,
251+#battery.plugged {
252+ color: #26a65b;
253+ /* background-color: #26a65b; */
254+}
255+
256+@keyframes blink {
257+ to {
258+ background-color: rgba(30, 34, 42, 0.5);
259+ color: #abb2bf;
260+ }
261+}
262+
263+#battery.critical:not(.charging) {
264+ color: #f53c3c;
265+ animation-name: blink;
266+ animation-duration: 3.0s;
267+ animation-timing-function: steps(12);
268+ animation-iteration-count: infinite;
269+ animation-direction: alternate;
270+}
271+
272+label:focus {
273+ background-color: #000000;
274+}
275+
276+#disk {
277+ color: #f38ba8;
278+}
279+
280+#bluetooth {
281+ color: #7287fd;
282+}
283+
284+#bluetooth.disconnected {
285+ color: #f53c3c;
286+}
287+
288+#network {
289+ color: #b48ead;
290+}
291+
292+#network.disconnected {
293+ color: #f53c3c;
294+}
295+
296+#custom-media {
297+ background-color: #66cc99;
298+ color: #2a5c45;
299+ min-width: 100px;
300+}
301+
302+#custom-media.custom-spotify {
303+ background-color: #66cc99;
304+}
305+
306+#custom-media.custom-vlc {
307+ background-color: #ffa000;
308+}
309+
310+#temperature.critical {
311+ background-color: #eb4d4b;
312+}
313+
314+#tray > .passive {
315+ -gtk-icon-effect: dim;
316+}
317+
318+#tray > .needs-attention {
319+ -gtk-icon-effect: highlight;
320+ background-color: #eb4d4b;
321+}
322+
323+#idle_inhibitor {
324+ /*background-color: #2d3436;*/
325+}
326+
327+/*-----Indicators----*/
328+#custom-hypridle.notactive,
329+#idle_inhibitor.activated {
330+ color: #39FF14;
331+}
332+
333+#temperature {
334+ color: #ADD8E6;
335+}
336+
337+#taskbar button.active {
338+ background-color: #7f849c;
339+ padding-left: 12px;
340+ padding-right: 12px;
341+ animation: gradient_f 20s ease-in infinite;
342+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
343+}
344+
345+#taskbar button:hover {
346+ padding-left: 3px;
347+ padding-right: 3px;
348+ animation: gradient_f 20s ease-in infinite;
349+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
350+}
351+
352+#backlight-slider slider,
353+#pulseaudio-slider slider {
354+ min-width: 0px;
355+ min-height: 0px;
356+ opacity: 0;
357+ background-image: none;
358+ border: none;
359+ box-shadow: none;
360+}
361+
362+#backlight-slider trough,
363+#pulseaudio-slider trough {
364+ min-width: 80px;
365+ min-height: 5px;
366+ border-radius: 5px;
367+}
368+
369+#backlight-slider highlight,
370+#pulseaudio-slider highlight {
371+ min-height: 10px;
372+ border-radius: 5px;
373+}
+313-0style/[Wallust] Chroma Fusion.css
@@ -0,0 +1,313 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* ....Chroma Fusion .... */
3+/* Wallust - Catpuccin */
4+
5+@define-color white #F2F2F2;
6+@define-color black #000000;
7+@define-color text #FFFFFF;
8+@define-color lightgray #686868;
9+@define-color darkgray #353535;
10+
11+@define-color transparent rgba(0, 0, 0, 0.25);
12+@define-color teal-trans rgba(1, 117, 84, 0.5);
13+@define-color cyan rgba(53, 140, 169, 1);
14+
15+@define-color background-module @transparent;
16+@define-color border-color @color12;
17+@define-color button-color @color11;
18+@define-color button-hover @color12;
19+
20+@import '../../.config/waybar/wallust/colors-waybar.css';
21+@import "../waybar/style/catppuccin-themes/latte.css";
22+
23+* {
24+ font-family: "JetBrainsMono Nerd Font";
25+ font-weight: bold;
26+ min-height: 0;
27+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
28+ font-size: 97%;
29+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
30+}
31+
32+window#waybar {
33+ background: linear-gradient(0deg, @border-color, black);
34+ /*background: rgba(1, 117, 84, 0.5);*/
35+ /*background: @transparent;*/
36+ border-bottom-right-radius: 20px;
37+ border-bottom-left-radius: 20px;
38+ border-top-left-radius: 20px;
39+ border-top-right-radius: 20px;
40+}
41+
42+window#waybar.empty,
43+window#waybar.empty #window {
44+ background-color: transparent;
45+ padding: 0px;
46+ border: 0px;
47+}
48+
49+tooltip {
50+ background-color: @background-module;
51+ border-radius: 10px;
52+ border-width: 2px;
53+ border-style: solid;
54+ border-color: #11111b;
55+ color: @color2;
56+}
57+
58+#backlight,
59+#backlight-slider,
60+#battery,
61+#bluetooth,
62+#clock,
63+#cpu,
64+#disk,
65+#idle_inhibitor,
66+#keyboard-state,
67+#memory,
68+#mode,
69+#mpris,
70+#network,
71+#power-profiles-daemon,
72+#pulseaudio,
73+#pulseaudio-slider,
74+#taskbar button,
75+#taskbar,
76+#temperature,
77+#tray,
78+#window,
79+#wireplumber,
80+#workspaces,
81+#custom-backlight,
82+#custom-browser,
83+#custom-cava_mviz,
84+#custom-cycle_wall,
85+#custom-dot_update,
86+#custom-file_manager,
87+#custom-keybinds,
88+#custom-keyboard,
89+#custom-light_dark,
90+#custom-lock,
91+#custom-hint,
92+#custom-hypridle,
93+#custom-menu,
94+#custom-playerctl,
95+#custom-power_vertical,
96+#custom-power,
97+#custom-quit,
98+#custom-reboot,
99+#custom-settings,
100+#custom-spotify,
101+#custom-swaync,
102+#custom-tty,
103+#custom-updater,
104+#custom-weather,
105+#custom-weather.clearNight,
106+#custom-weather.cloudyFoggyDay,
107+#custom-weather.cloudyFoggyNight,
108+#custom-weather.default,
109+#custom-weather.rainyDay,
110+#custom-weather.rainyNight,
111+#custom-weather.severe,
112+#custom-weather.showyIcyDay,
113+#custom-weather.snowyIcyNight,
114+#custom-weather.sunnyDay {
115+ background-color: @background-module;
116+ border-radius: 25px;
117+ margin: 5px 5px 5px 5px;
118+ opacity:0.8;
119+ padding-top: 4px;
120+ padding-bottom: 4px;
121+ padding-right: 6px;
122+ padding-left: 6px;
123+}
124+#backlight {
125+ padding: 0px 2px 0px 6px;
126+}
127+#custom-power {
128+ color: red;
129+ padding: 0px 0px 0px 6px;
130+ opacity:1.0;
131+}
132+#custom-light_dark,
133+#custom-menu{
134+ color: @flamingo;
135+ padding: 0px 8px 0px 4px;
136+ opacity:1.0;
137+}
138+
139+#mpris {
140+ color: @sapphire;
141+ padding-right: 0px;
142+}
143+
144+#custom-swaync,
145+#custom-weather,
146+#custom-updater {
147+ color: @yellow;
148+}
149+
150+#keyboard-state,
151+#clock {
152+ color: @sapphire;
153+}
154+#network,
155+#temperature {
156+ color: @rosewater;
157+}
158+
159+#custom-hint,
160+#tray {
161+ color: aliceblue;
162+}
163+
164+#taskbar,
165+#window {
166+ color:#FFFFFF;
167+}
168+
169+#bluetooth,
170+#custom-backlight,
171+#custom-cycle_wall,
172+#custom-keyboard,
173+#custom-light_dark {
174+ color: @lavender;
175+}
176+
177+#custom-cava_mviz {
178+ color: @color2;
179+}
180+
181+#custom-lock,
182+#custom-hypridle,
183+#idle_inhibitor {
184+ color: @teal;
185+}
186+
187+/*-----Indicators----*/
188+#custom-hypridle.notactive,
189+#idle_inhibitor.activated {
190+ color: #39FF14;
191+}
192+
193+#workspaces {
194+ margin: 3px 3px 3px 3px;
195+ padding: 0px 1px;
196+ border-radius: 25px;
197+ font-weight: bold;
198+ font-style: normal;
199+ opacity:0.8;
200+ color:#FFFFFF;
201+
202+}
203+
204+#taskbar button,
205+#workspaces button {
206+ margin: 1px 1px;
207+ border-radius: 15px;
208+ border:0px;
209+ color: @color13;
210+ padding-left: 2px;
211+ padding-right: 2px;
212+ animation: gradient_f 20s ease-in infinite;
213+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
214+ opacity:0.8;
215+}
216+
217+#taskbar button.active,
218+#workspaces button.active {
219+ color: #FFFFFF;
220+ background: @button-color;
221+ border-radius: 15px;
222+ padding-left: 4px;
223+ padding-right: 4px;
224+ animation: gradient_f 20s ease-in infinite;
225+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
226+ opacity:1.0;
227+}
228+
229+#workspaces button.empty {
230+ color: #FFFFFF;
231+ opacity:1.0;
232+}
233+
234+#taskbar button:hover,
235+#workspaces button:hover {
236+ color: #FFFFFF;
237+ background: @button-hover;
238+ border-radius: 15px;
239+ opacity:1.0;
240+ padding-left: 2px;
241+ padding-right: 2px;
242+ animation: gradient_f 20s ease-in infinite;
243+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
244+}
245+
246+#pulseaudio-slider,
247+#pulseaudio {
248+ color: @color13;
249+}
250+
251+#pulseaudio.muted {
252+ color: red;
253+}
254+
255+#memory {
256+ color: @sapphire;
257+}
258+
259+#cpu {
260+ color: @mauve;
261+}
262+
263+#battery {
264+ color: @rosewater;
265+}
266+
267+#disk {
268+ color: @sky;
269+}
270+
271+#temperature.critical {
272+ background-color: red;
273+}
274+
275+@keyframes blink {
276+ to {
277+ color: #000000;
278+ }
279+}
280+
281+#battery.critical:not(.charging) {
282+ color: #f53c3c;
283+ animation-name: blink;
284+ animation-duration: 3.0s;
285+ animation-timing-function: steps(12);
286+ animation-iteration-count: infinite;
287+ animation-direction: alternate;
288+}
289+
290+#backlight-slider slider,
291+#pulseaudio-slider slider {
292+ min-width: 0px;
293+ min-height: 0px;
294+ opacity: 0;
295+ background-image: none;
296+ border: none;
297+ box-shadow: none;
298+}
299+
300+#backlight-slider trough,
301+#pulseaudio-slider trough {
302+ min-width: 80px;
303+ min-height: 5px;
304+ border-radius: 5px;
305+}
306+
307+#backlight-slider highlight,
308+#pulseaudio-slider highlight {
309+ min-height: 10px;
310+ border-radius: 5px;
311+}
312+
313+
+274-0style/[Wallust] Chroma Tally V2.css
@@ -0,0 +1,274 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Wallust - Chroma Tally v2 */
3+
4+/* edited by: https://github.com/prateekshukla1108 */
5+
6+@import '../../.config/waybar/wallust/colors-waybar.css';
7+
8+* {
9+ font-family: "JetBrainsMono Nerd Font";
10+ font-weight: bold;
11+ min-height: 0;
12+ font-size: 97%;
13+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
14+}
15+
16+window#waybar {
17+ background: @color0; /* Dark background */
18+ border-radius: 12px;
19+ border-bottom: 2px;
20+ border-style: solid;
21+ border-color: @color7; /* Light border */
22+}
23+
24+#workspaces {
25+ background: transparent;
26+ padding: 2px;
27+ border-radius: 15px;
28+ border: 0px;
29+ font-style: normal;
30+ color: @color7; /* Light text */
31+}
32+
33+#taskbar button,
34+#workspaces button {
35+ padding: 0px 5px;
36+ border-radius: 15px;
37+ border: 0px;
38+ color: @color7; /* Light text */
39+ background: linear-gradient(45deg, @color5, @color6, @color7); /* Lighter gradient */
40+ opacity: 0.5;
41+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
42+}
43+
44+#taskbar button.active,
45+#workspaces button.active {
46+ padding: 0px 5px;
47+ border-radius: 15px;
48+ border: 0px;
49+ color: @color7; /* Light text */
50+ background: linear-gradient(45deg, @color5, @color6); /* Lighter gradient */
51+ opacity: 1.0;
52+ min-width: 40px;
53+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
54+}
55+
56+#workspaces button:hover {
57+ border-radius: 15px;
58+ color: @color7; /* Light text */
59+ background: linear-gradient(45deg, @color6, @color7); /* Lighter gradient */
60+ opacity: 0.8;
61+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
62+}
63+
64+tooltip {
65+ background: @color1; /* Slightly darker tooltip background */
66+ opacity: 0.8;
67+ border-radius: 6px;
68+ color: @color7; /* Light text */
69+}
70+
71+#backlight,
72+#backlight-slider,
73+#battery,
74+#bluetooth,
75+#clock,
76+#cpu,
77+#disk,
78+#idle_inhibitor,
79+#keyboard-state,
80+#memory,
81+#mode,
82+#mpris,
83+#network,
84+#power-profiles-daemon,
85+#pulseaudio,
86+#pulseaudio-slider,
87+#taskbar,
88+#temperature,
89+#tray,
90+#window,
91+#wireplumber,
92+#workspaces,
93+#custom-backlight,
94+#custom-browser,
95+#custom-cava_mviz,
96+#custom-cycle_wall,
97+#custom-dot_update,
98+#custom-file_manager,
99+#custom-keybinds,
100+#custom-keyboard,
101+#custom-light_dark,
102+#custom-lock,
103+#custom-hint,
104+#custom-hypridle,
105+#custom-menu,
106+#custom-playerctl,
107+#custom-power_vertical,
108+#custom-power,
109+#custom-quit,
110+#custom-reboot,
111+#custom-settings,
112+#custom-spotify,
113+#custom-swaync,
114+#custom-tty,
115+#custom-updater,
116+#custom-weather,
117+#custom-weather.clearNight,
118+#custom-weather.cloudyFoggyDay,
119+#custom-weather.cloudyFoggyNight,
120+#custom-weather.default,
121+#custom-weather.rainyDay,
122+#custom-weather.rainyNight,
123+#custom-weather.severe,
124+#custom-weather.showyIcyDay,
125+#custom-weather.snowyIcyNight,
126+#custom-weather.sunnyDay {
127+ padding-top: 5px;
128+ padding-bottom: 5px;
129+ padding-right: 6px;
130+ padding-left: 6px;
131+ color: @color6; /* Lighter - changed from color5 */
132+}
133+
134+#clock {
135+ color: @color6; /* Lighter */
136+}
137+
138+#backlight {
139+ color: @color5; /* Lighter */
140+}
141+
142+#battery {
143+ color: @color6; /* Lighter */
144+}
145+
146+#battery.charging {
147+ color: @color7; /* Lightest */
148+}
149+
150+@keyframes blink {
151+ to {
152+ color: @color4; /* Slightly lighter blink color */
153+ background-color: @color7; /* Lightest */
154+ }
155+}
156+
157+#battery.critical:not(.charging) {
158+ background: @color5; /* Lighter background */
159+ color: @color7; /* Lightest */
160+ animation-name: blink;
161+ animation-duration: 3.0s;
162+ animation-timing-function: steps(12);
163+ animation-iteration-count: infinite;
164+ animation-direction: alternate;
165+}
166+
167+#cpu {
168+ color: @color6; /* Lighter */
169+}
170+
171+#disk {
172+ color: @color5; /* Lighter */
173+}
174+
175+#custom-keyboard,
176+#memory {
177+ color: @color6; /* Lighter */
178+}
179+
180+#network.disabled {
181+ color: @color5; /* Lighter */
182+}
183+
184+#network{
185+ color: @color6; /* Lighter */
186+}
187+
188+#network.disconnected {
189+ color: @color5; /* Lighter */
190+}
191+
192+#pulseaudio {
193+ color: @color7; /* Lightest */
194+}
195+
196+#pulseaudio.muted {
197+ color: @color5; /* Lighter */
198+}
199+
200+#custom-light_dark,
201+#temperature {
202+ color: @color6; /* Lighter */
203+}
204+
205+#temperature.critical {
206+ color: @color5; /* Lighter */
207+}
208+
209+#keyboard-state,
210+#custom-hypridle,
211+#idle_inhibitor {
212+ color: @color5; /* Lighter */
213+}
214+
215+/*-----Indicators----*/
216+#custom-hypridle.notactive,
217+#idle_inhibitor.activated {
218+ color: @color4; /* Slightly lighter */
219+}
220+
221+#tray {
222+}
223+
224+#custom-swaync,
225+#custom-menu {
226+ color: @color7; /* Lightest */
227+ padding-left: 8px;
228+}
229+
230+#custom-power{
231+ color: @color6; /* Lighter */
232+}
233+
234+#window{
235+ border-style: hidden;
236+}
237+
238+#custom-lock,
239+#bluetooth{
240+ color: @color5; /* Lighter */
241+}
242+
243+#custom-cava_mviz{
244+ color: @color7; /* Lightest */
245+}
246+
247+#custom-weather{
248+ color: @color5; /* Lighter */
249+}
250+
251+#backlight-slider slider,
252+#pulseaudio-slider slider {
253+ min-width: 0px;
254+ min-height: 0px;
255+ opacity: 0;
256+ background-image: none;
257+ border: none;
258+ box-shadow: none;
259+}
260+
261+#backlight-slider trough,
262+#pulseaudio-slider trough {
263+ min-width: 80px;
264+ min-height: 5px;
265+ border-radius: 5px;
266+ background-color: @color2; /* Slightly darker trough */
267+}
268+
269+#backlight-slider highlight,
270+#pulseaudio-slider highlight {
271+ min-height: 10px;
272+ border-radius: 5px;
273+ background-color: @color6; /* Lighter highlight */
274+}
+274-0style/[Wallust] Chroma Tally.css
@@ -0,0 +1,274 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+/* Wallust - Chroma Tally */
3+
4+@import '../../.config/waybar/wallust/colors-waybar.css';
5+
6+* {
7+font-family: "JetBrainsMono Nerd Font";
8+font-weight: bold;
9+min-height: 0;
10+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11+font-size: 97%;
12+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13+}
14+
15+window#waybar {
16+ background: rgba (0, 0, 0, 0.5);
17+ border-radius: 12px;
18+ border-bottom: 2px;
19+ border-style: solid;
20+ border-color: @color12;
21+}
22+
23+#workspaces {
24+ background: transparent;
25+ padding: 2px;
26+ border-radius: 15px;
27+ border: 0px;
28+ font-style: normal;
29+ color: #0F1419;
30+}
31+
32+#taskbar button,
33+#workspaces button {
34+ padding: 0px 5px;
35+ border-radius: 15px;
36+ border: 0px;
37+ color: #0F1419;
38+ background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
39+ opacity: 0.5;
40+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
41+}
42+
43+#taskbar button.active,
44+#workspaces button.active {
45+ padding: 0px 5px;
46+ border-radius: 15px;
47+ border: 0px;
48+ color: #0F1419;
49+ background: linear-gradient(45deg, #59C2FF, #D2A6FF);
50+ opacity: 1.0;
51+ min-width: 40px;
52+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
53+}
54+
55+#workspaces button:hover {
56+ border-radius: 15px;
57+ color: #0F1419;
58+ background: linear-gradient(45deg, #59C2FF, #D2A6FF);
59+ opacity: 0.8;
60+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
61+
62+}
63+
64+tooltip {
65+ background: #1e1e2e;
66+ opacity: 0.8;
67+ border-radius: 6px;
68+}
69+
70+#backlight,
71+#backlight-slider,
72+#battery,
73+#bluetooth,
74+#clock,
75+#cpu,
76+#disk,
77+#idle_inhibitor,
78+#keyboard-state,
79+#memory,
80+#mode,
81+#mpris,
82+#network,
83+#power-profiles-daemon,
84+#pulseaudio,
85+#pulseaudio-slider,
86+#taskbar,
87+#temperature,
88+#tray,
89+#window,
90+#wireplumber,
91+#workspaces,
92+#custom-backlight,
93+#custom-browser,
94+#custom-cava_mviz,
95+#custom-cycle_wall,
96+#custom-dot_update,
97+#custom-file_manager,
98+#custom-keybinds,
99+#custom-keyboard,
100+#custom-light_dark,
101+#custom-lock,
102+#custom-hint,
103+#custom-hypridle,
104+#custom-menu,
105+#custom-playerctl,
106+#custom-power_vertical,
107+#custom-power,
108+#custom-quit,
109+#custom-reboot,
110+#custom-settings,
111+#custom-spotify,
112+#custom-swaync,
113+#custom-tty,
114+#custom-updater,
115+#custom-weather,
116+#custom-weather.clearNight,
117+#custom-weather.cloudyFoggyDay,
118+#custom-weather.cloudyFoggyNight,
119+#custom-weather.default,
120+#custom-weather.rainyDay,
121+#custom-weather.rainyNight,
122+#custom-weather.severe,
123+#custom-weather.showyIcyDay,
124+#custom-weather.snowyIcyNight,
125+#custom-weather.sunnyDay {
126+ padding-top: 5px;
127+ padding-bottom: 5px;
128+ padding-right: 6px;
129+ padding-left: 6px;
130+}
131+
132+/* -----------------------------------------------------------------------------
133+ * Module styles
134+ * -------------------------------------------------------------------------- */
135+
136+
137+#clock {
138+ color:#a3be8c;
139+}
140+
141+#backlight {
142+ color: #ebcb8b;
143+}
144+
145+#battery {
146+ color: #d8dee9;
147+}
148+
149+#battery.charging {
150+ color: #81a1c1;
151+}
152+
153+@keyframes blink {
154+ to {
155+ color: #4c566a;
156+ background-color: #eceff4;
157+ }
158+}
159+
160+#battery.critical:not(.charging) {
161+ background: #bf616a;
162+ color: #eceff4;
163+ animation-name: blink;
164+ animation-duration: 3.0s;
165+ animation-timing-function: steps(12);
166+ animation-iteration-count: infinite;
167+ animation-direction: alternate;
168+}
169+
170+#cpu {
171+ color: #a3be8c;
172+}
173+
174+#disk {
175+ color: #94e2d5;
176+}
177+
178+#custom-keyboard,
179+#memory {
180+ color: #d3869b;
181+}
182+
183+#network.disabled {
184+ color:#bf616a;
185+}
186+
187+#network{
188+ color:#a3be8c;
189+}
190+
191+#network.disconnected {
192+ color: #bf616a;
193+}
194+
195+#pulseaudio {
196+ color: #04a5e5;
197+}
198+
199+#pulseaudio.muted {
200+ color: #9ca0b0;
201+}
202+
203+#custom-light_dark,
204+#temperature {
205+ color: #7287fd;
206+}
207+
208+#temperature.critical {
209+ color: #bf616a;
210+}
211+
212+#keyboard-state,
213+#custom-hypridle,
214+#idle_inhibitor {
215+ color: #ebcb8b;
216+}
217+
218+/*-----Indicators----*/
219+#custom-hypridle.notactive,
220+#idle_inhibitor.activated {
221+ color: #39FF14;
222+}
223+
224+#tray {
225+}
226+
227+#custom-swaync,
228+#custom-menu {
229+ color: yellow;
230+ padding-left: 8px;
231+}
232+#custom-power{
233+ color: #eba0ac;
234+}
235+
236+#window{
237+ border-style: hidden;
238+}
239+
240+#custom-lock,
241+#bluetooth{
242+ color:#d08770;
243+}
244+
245+#custom-cava_mviz{
246+ color: @color11;
247+}
248+
249+#custom-weather{
250+ color:#d08770;
251+}
252+
253+#backlight-slider slider,
254+#pulseaudio-slider slider {
255+ min-width: 0px;
256+ min-height: 0px;
257+ opacity: 0;
258+ background-image: none;
259+ border: none;
260+ box-shadow: none;
261+}
262+
263+#backlight-slider trough,
264+#pulseaudio-slider trough {
265+ min-width: 80px;
266+ min-height: 5px;
267+ border-radius: 5px;
268+}
269+
270+#backlight-slider highlight,
271+#pulseaudio-slider highlight {
272+ min-height: 10px;
273+ border-radius: 5px;
274+}
+224-0style/[Wallust] Colored.css
@@ -0,0 +1,224 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* Wallust Colored*/
3+
4+@import '../../.config/waybar/wallust/colors-waybar.css';
5+
6+* {
7+ font-family: "JetBrainsMono Nerd Font";
8+ font-weight: bold;
9+ min-height: 0;
10+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11+ font-size: 96%;
12+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13+}
14+
15+window#waybar.hidden {
16+ opacity: 0.5;
17+}
18+
19+window#waybar,
20+window#waybar.empty #window {
21+ padding: 0px;
22+ border: 0px;
23+ background-color: transparent;
24+}
25+
26+
27+tooltip {
28+ background: @background;
29+ border-radius: 10px;
30+ border-width: 1px;
31+ border-style: solid;
32+ border-color: @color15;
33+}
34+
35+/*-----module groups----*/
36+.modules-right {
37+ border: 3px solid @color12;
38+ border-radius: 40px 0px 0px 0px;
39+ background-color: @color1;
40+ padding-top: 2px;
41+ padding-bottom: 2px;
42+ padding-right: 4px;
43+ padding-left: 4px;
44+}
45+
46+.modules-center {
47+ border: 3px solid @color7;
48+ border-radius: 60px 0px 60px 0px;
49+ background-color: @background;
50+ padding-top: 2px;
51+ padding-bottom: 2px;
52+ padding-right: 4px;
53+ padding-left: 4px;
54+}
55+
56+.modules-left {
57+ border: 3px solid @color12;
58+ border-radius: 0px 0px 40px 0px;
59+ background-color: @color1;
60+ padding-top: 2px;
61+ padding-bottom: 2px;
62+ padding-right: 4px;
63+ padding-left: 4px;
64+}
65+
66+#taskbar button,
67+#workspaces button {
68+ color: @foreground;
69+ box-shadow: none;
70+ text-shadow: none;
71+ padding: 0px;
72+ border-radius: 9px;
73+ padding-left: 4px;
74+ padding-right: 4px;
75+ animation: gradient_f 20s ease-in infinite;
76+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
77+}
78+
79+#taskbar button.active,
80+#workspaces button.active {
81+ color: @background;
82+ background-color: @color7;
83+ padding-left: 8px;
84+ padding-right: 8px;
85+ animation: gradient_f 20s ease-in infinite;
86+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
87+}
88+
89+#workspaces button.focused {
90+ color: @color4;
91+}
92+
93+#workspaces button.urgent {
94+ color: #11111b;
95+ border-radius: 10px;
96+}
97+
98+#taskbar button:hover,
99+#workspaces button:hover {
100+ color: @color4;
101+ padding-left: 2px;
102+ padding-right: 2px;
103+ animation: gradient_f 20s ease-in infinite;
104+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
105+}
106+
107+#clock#2 {
108+ color: @color6;
109+}
110+
111+#backlight,
112+#backlight-slider,
113+#battery,
114+#bluetooth,
115+#clock,
116+#cpu,
117+#disk,
118+#idle_inhibitor,
119+#keyboard-state,
120+#memory,
121+#mode,
122+#mpris,
123+#network,
124+#power-profiles-daemon,
125+#pulseaudio,
126+#pulseaudio-slider,
127+#taskbar,
128+#temperature,
129+#tray,
130+#window,
131+#wireplumber,
132+#workspaces,
133+#custom-backlight,
134+#custom-browser,
135+#custom-cava_mviz,
136+#custom-cycle_wall,
137+#custom-dot_update,
138+#custom-file_manager,
139+#custom-keybinds,
140+#custom-keyboard,
141+#custom-light_dark,
142+#custom-lock,
143+#custom-hint,
144+#custom-hypridle,
145+#custom-menu,
146+#custom-playerctl,
147+#custom-power_vertical,
148+#custom-power,
149+#custom-quit,
150+#custom-reboot,
151+#custom-settings,
152+#custom-spotify,
153+#custom-swaync,
154+#custom-tty,
155+#custom-updater,
156+#custom-weather,
157+#custom-weather.clearNight,
158+#custom-weather.cloudyFoggyDay,
159+#custom-weather.cloudyFoggyNight,
160+#custom-weather.default,
161+#custom-weather.rainyDay,
162+#custom-weather.rainyNight,
163+#custom-weather.severe,
164+#custom-weather.showyIcyDay,
165+#custom-weather.snowyIcyNight,
166+#custom-weather.sunnyDay {
167+ color: @foreground;
168+ padding-top: 4px;
169+ padding-bottom: 4px;
170+ padding-right: 6px;
171+ padding-left: 6px;
172+}
173+
174+#temperature.critical {
175+ background-color: #ff0000;
176+}
177+
178+@keyframes blink {
179+ to {
180+ color: #000000;
181+ }
182+}
183+
184+/*-----Indicators----*/
185+#custom-hypridle.notactive,
186+#idle_inhibitor.activated {
187+ color: #39FF14;
188+}
189+
190+#battery.critical:not(.charging) {
191+ color: #f53c3c;
192+ animation-name: blink;
193+ animation-duration: 3.0s;
194+ animation-timing-function: steps(12);
195+ animation-iteration-count: infinite;
196+ animation-direction: alternate;
197+}
198+
199+#backlight-slider slider,
200+#pulseaudio-slider slider {
201+ min-width: 0px;
202+ min-height: 0px;
203+ opacity: 0;
204+ background-image: none;
205+ border: none;
206+ box-shadow: none;
207+}
208+
209+#backlight-slider trough,
210+#pulseaudio-slider trough {
211+ min-width: 80px;
212+ min-height: 5px;
213+ border-radius: 5px;
214+}
215+
216+#backlight-slider highlight,
217+#pulseaudio-slider highlight {
218+ min-height: 10px;
219+ border-radius: 5px;
220+}
221+
222+#custom-cava_mviz {
223+ padding-right: 10px;
224+}
+214-0style/[Wallust] Simple.css
@@ -0,0 +1,214 @@
1+/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */
2+/* Wallust - Simple */
3+
4+*{
5+font-family: "JetBrainsMono Nerd Font";
6+font-weight: bold;
7+min-height: 0;
8+/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9+font-size: 97%;
10+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11+}
12+
13+@import '../../.config/waybar/wallust/colors-waybar.css';
14+
15+#waybar.empty, #waybar.tiled, #waybar.floating {
16+ background-color: transparent;
17+}
18+
19+window#waybar,
20+window#waybar.empty,
21+window#waybar.empty #window {
22+ background-color: transparent;
23+ padding: 0px;
24+ border: 0px;
25+}
26+
27+tooltip {
28+ color: @color13;
29+ background: @color10;
30+ opacity: 1.0;
31+ border-radius: 10px;
32+}
33+
34+/*-----module groups----*/
35+.modules-left,
36+.modules-center,
37+.modules-right {
38+ background-color: @color0;
39+ border: 0.5px solid @color15;
40+ border-radius: 10px;
41+ padding-top: 2px;
42+ padding-bottom: 2px;
43+ padding-right: 4px;
44+ padding-left: 4px;
45+}
46+/*-----modules indv----*/
47+
48+#taskbar button,
49+#workspaces button {
50+ color: @color2;
51+ box-shadow: none;
52+ text-shadow: none;
53+ padding: 0px;
54+ border-radius: 9px;
55+ padding-left: 4px;
56+ padding-right: 4px;
57+ animation: gradient_f 20s ease-in infinite;
58+ transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
59+}
60+
61+#taskbar button.active,
62+#workspaces button.active {
63+ color: @foreground;
64+ background-color: @color2;
65+ padding-left: 8px;
66+ padding-right: 8px;
67+ animation: gradient_f 20s ease-in infinite;
68+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
69+}
70+
71+#workspaces button.focused {
72+ color: @color4;
73+}
74+
75+#workspaces button.urgent {
76+ color: #11111b;
77+ border-radius: 10px;
78+}
79+
80+#taskbar button:hover,
81+#workspaces button:hover {
82+ color: @color4;
83+ padding-left: 2px;
84+ padding-right: 2px;
85+ animation: gradient_f 20s ease-in infinite;
86+ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
87+}
88+
89+#backlight,
90+#backlight-slider,
91+#battery,
92+#bluetooth,
93+#clock,
94+#cpu,
95+#disk,
96+#idle_inhibitor,
97+#keyboard-state,
98+#memory,
99+#mode,
100+#mpris,
101+#network,
102+#power-profiles-daemon,
103+#pulseaudio,
104+#pulseaudio-slider,
105+#taskbar button,
106+#taskbar,
107+#temperature,
108+#tray,
109+#window,
110+#wireplumber,
111+#workspaces,
112+#custom-backlight,
113+#custom-browser,
114+#custom-cava_mviz,
115+#custom-cycle_wall,
116+#custom-dot_update,
117+#custom-file_manager,
118+#custom-keybinds,
119+#custom-keyboard,
120+#custom-light_dark,
121+#custom-lock,
122+#custom-hint,
123+#custom-hypridle,
124+#custom-menu,
125+#custom-playerctl,
126+#custom-power_vertical,
127+#custom-power,
128+#custom-quit,
129+#custom-reboot,
130+#custom-settings,
131+#custom-spotify,
132+#custom-swaync,
133+#custom-tty,
134+#custom-updater,
135+#custom-weather,
136+#custom-weather.clearNight,
137+#custom-weather.cloudyFoggyDay,
138+#custom-weather.cloudyFoggyNight,
139+#custom-weather.default,
140+#custom-weather.rainyDay,
141+#custom-weather.rainyNight,
142+#custom-weather.severe,
143+#custom-weather.showyIcyDay,
144+#custom-weather.snowyIcyNight,
145+#custom-weather.sunnyDay {
146+ color: @color12;
147+ padding-top: 4px;
148+ padding-bottom: 4px;
149+ padding-right: 6px;
150+ padding-left: 6px;;
151+}
152+
153+#mode {
154+ color: #cc3436;
155+ font-weight: bold;
156+}
157+#custom-power {
158+ /*background-color: rgba(0,119,179,0.6);*/
159+ /*border-radius: 50px;*/
160+ padding: 1px 3px;
161+}
162+/*-----Indicators----*/
163+#custom-hypridle.notactive,
164+#idle_inhibitor.activated {
165+ color: #39FF14;
166+}
167+
168+#pulseaudio.muted {
169+ color: #cc3436;
170+}
171+#pulseaudio-microphone.muted {
172+ color: #cc3436;
173+}
174+#temperature.critical {
175+ background-color: #ff0000;
176+}
177+
178+@keyframes blink {
179+ to {
180+ color: #000000;
181+ }
182+}
183+
184+#battery.critical:not(.charging) {
185+ color: #f53c3c;
186+ animation-name: blink;
187+ animation-duration: 3.0s;
188+ animation-timing-function: steps(12);
189+ animation-iteration-count: infinite;
190+ animation-direction: alternate;
191+}
192+
193+#backlight-slider slider,
194+#pulseaudio-slider slider {
195+ min-width: 0px;
196+ min-height: 0px;
197+ opacity: 0;
198+ background-image: none;
199+ border: none;
200+ box-shadow: none;
201+}
202+
203+#backlight-slider trough,
204+#pulseaudio-slider trough {
205+ min-width: 80px;
206+ min-height: 5px;
207+ border-radius: 5px;
208+}
209+
210+#backlight-slider highlight,
211+#pulseaudio-slider highlight {
212+ min-height: 10px;
213+ border-radius: 5px;
214+}
+26-0style/catppuccin-themes/frappe.css
@@ -0,0 +1,26 @@
1+@define-color rosewater #f2d5cf;
2+@define-color flamingo #eebebe;
3+@define-color pink #f4b8e4;
4+@define-color mauve #ca9ee6;
5+@define-color red #e78284;
6+@define-color maroon #ea999c;
7+@define-color peach #ef9f76;
8+@define-color yellow #e5c890;
9+@define-color green #a6d189;
10+@define-color teal #81c8be;
11+@define-color sky #99d1db;
12+@define-color sapphire #85c1dc;
13+@define-color blue #8caaee;
14+@define-color lavender #babbf1;
15+@define-color text #c6d0f5;
16+@define-color subtext1 #b5bfe2;
17+@define-color subtext0 #a5adce;
18+@define-color overlay2 #949cbb;
19+@define-color overlay1 #838ba7;
20+@define-color overlay0 #737994;
21+@define-color surface2 #626880;
22+@define-color surface1 #51576d;
23+@define-color surface0 #414559;
24+@define-color base #303446;
25+@define-color mantle #292c3c;
26+@define-color crust #232634;
+37-0style/catppuccin-themes/latte.css
@@ -0,0 +1,37 @@
1+/*
2+*
3+* Catppuccin Latte palette
4+* Maintainer: rubyowo
5+*
6+*/
7+
8+@define-color base #eff1f5;
9+@define-color mantle #e6e9ef;
10+@define-color crust #dce0e8;
11+
12+@define-color text #4c4f69;
13+@define-color subtext0 #6c6f85;
14+@define-color subtext1 #5c5f77;
15+
16+@define-color surface0 #ccd0da;
17+@define-color surface1 #bcc0cc;
18+@define-color surface2 #acb0be;
19+
20+@define-color overlay0 #9ca0b0;
21+@define-color overlay1 #8c8fa1;
22+@define-color overlay2 #7c7f93;
23+
24+@define-color blue #1e66f5;
25+@define-color lavender #7287fd;
26+@define-color sapphire #209fb5;
27+@define-color sky #04a5e5;
28+@define-color teal #179299;
29+@define-color green #40a02b;
30+@define-color yellow #df8e1d;
31+@define-color peach #fe640b;
32+@define-color maroon #e64553;
33+@define-color red #d20f39;
34+@define-color mauve #8839ef;
35+@define-color pink #ea76cb;
36+@define-color flamingo #dd7878;
37+@define-color rosewater #dc8a78;
+38-0style/catppuccin-themes/mocha.css
@@ -0,0 +1,38 @@
1+/*
2+*
3+* Catppuccin Mocha palette
4+* Maintainer: rubyowo
5+*
6+*/
7+
8+@define-color base #1e1e2e;
9+@define-color mantle #181825;
10+@define-color crust #11111b;
11+
12+@define-color text #cdd6f4;
13+@define-color subtext0 #a6adc8;
14+@define-color subtext1 #bac2de;
15+
16+@define-color surface0 #313244;
17+@define-color surface1 #45475a;
18+@define-color surface2 #585b70;
19+
20+@define-color overlay0 #6c7086;
21+@define-color overlay1 #7f849c;
22+@define-color overlay2 #9399b2;
23+
24+@define-color blue #89b4fa;
25+@define-color lavender #b4befe;
26+@define-color sapphire #74c7ec;
27+@define-color sky #89dceb;
28+@define-color teal #94e2d5;
29+@define-color green #a6e3a1;
30+@define-color yellow #f9e2af;
31+@define-color peach #fab387;
32+@define-color maroon #eba0ac;
33+@define-color red #f38ba8;
34+@define-color mauve #cba6f7;
35+@define-color pink #f5c2e7;
36+@define-color flamingo #f2cdcd;
37+@define-color rosewater #f5e0dc;
38+
+49-0style/catppuccin-themes/rgbmocha.css
@@ -0,0 +1,49 @@
1+/*
2+*
3+* Catppuccin Mocha palette
4+* Maintainer: rubyowo
5+*
6+*/
7+
8+@define-color base #1e1e2e;
9+@define-color mantle #181825;
10+@define-color crust #11111b;
11+
12+@define-color text #cdd6f4;
13+@define-color subtext0 #a6adc8;
14+@define-color subtext1 #bac2de;
15+
16+@define-color surface0 #313244;
17+@define-color surface1 #45475a;
18+@define-color surface2 #585b70;
19+
20+@define-color overlay0 #6c7086;
21+@define-color overlay1 #7f849c;
22+@define-color overlay2 #9399b2;
23+
24+@define-color blue #89b4fa;
25+@define-color lavender #b4befe;
26+@define-color sapphire #74c7ec;
27+@define-color sky #89dceb;
28+@define-color teal #94e2d5;
29+@define-color green #a6e3a1;
30+@define-color yellow #f9e2af;
31+@define-color peach #fab387;
32+@define-color maroon #eba0ac;
33+@define-color red #f38ba8;
34+@define-color mauve #cba6f7;
35+@define-color pink #f5c2e7;
36+@define-color flamingo #f2cdcd;
37+@define-color rosewater #f5e0dc;
38+
39+@keyframes rainbow-gradient {
40+ 0% {
41+ border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
42+ }
43+ 50% {
44+ border-image: linear-gradient(270deg, violet, indigo, blue, green, yellow, orange, red) 1 1 1 1;
45+ }
46+ 100% {
47+ border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
48+ }
49+}
+24-0wallust/colors-waybar.css
@@ -0,0 +1,24 @@
1+/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */
2+ /* wallust template - colors-waybar */
3+
4+ @define-color foreground #F9E3DF;
5+ @define-color background #151316;
6+ @define-color background-alt rgba(21,19,22,0.25);
7+ @define-color cursor #F9E3DF;
8+
9+ @define-color color0 #3D3A3E;
10+ @define-color color1 #190E1E;
11+ @define-color color2 #191F64;
12+ @define-color color3 #482C5B;
13+ @define-color color4 #5F3A79;
14+ @define-color color5 #783E51;
15+ @define-color color6 #B2827B;
16+ @define-color color7 #EECEC9;
17+ @define-color color8 #A6908D;
18+ @define-color color9 #211328;
19+ @define-color color10 #222985;
20+ @define-color color11 #603A79;
21+ @define-color color12 #7F4EA2;
22+ @define-color color13 #A0536C;
23+ @define-color color14 #EDAEA4;
24+ @define-color color15 #EECEC9;