Waybar configuration
chore: initial commit
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; |