From 0cf29b9f655966e5a4f86b18eb8bcddcd8e3ad34 Mon Sep 17 00:00:00 2001 From: Nicholai Date: Sun, 23 Nov 2025 22:57:31 -0700 Subject: [PATCH 1/9] Merge Hyprlust waybar configuration with custom setup MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Integrated Hyprlust dotfiles waybar configuration while preserving custom functionality: Features Added: - 24 switchable layout options (top, bottom, split, side bars) - 30+ theme styles (Catppuccin, Wallust, Aurora, etc.) - Centralized module definitions system - Drawer/group expandable UI sections - Advanced modules: sliders, mpris, swaync, visualizer - Wallust dynamic theming support Preserved Custom Features: - Hardware-specific temperature monitoring (custom/temps module) - Original minimal aesthetic and layout - Pywal color system integration (dual support with Wallust) - JetBrainsMono Nerd Font preference (18px) - Custom scripts: temps.sh, battery.sh, waybar-wttr.py New Files: - configs/[TOP] Custom Minimal - New default minimal layout - style/[Pywal] Minimal.css - Pywal-integrated style variant - modules - Centralized module definitions - configs/ - 24 layout options from Hyprlust - style/ - 30+ theme styles from Hyprlust - wallust/ - Wallust color generation support Configuration: - Fixed broken Pywal symlink (case-sensitive path) - Created config symlink โ†’ configs/[TOP] Custom Minimal - Created style.css symlink โ†’ style/[Pywal] Minimal.css - Archived originals: [TOP] Original Minimal.jsonc, [Original] Minimal.css Usage: - Switch layouts: ln -sf "configs/[layout-name]" config - Switch themes: ln -sf "style/[theme-name].css" style.css - Supports both Pywal and Wallust color systems --- colors.css | 2 +- config | 1 + configs/[BOT & Left] SouthWest | 76 +++ configs/[BOT & Right] SouthEast | 76 +++ configs/[BOT] Camellia | 176 ++++++ configs/[BOT] Chrysanthemum | 93 +++ configs/[BOT] Default Laptop | 69 ++ configs/[BOT] Gardenia | 99 +++ configs/[BOT] Peony | 109 ++++ configs/[BOT] Sleek | 47 ++ configs/[Left] WestWing | 37 ++ configs/[Right] EastWing | 37 ++ configs/[TOP & BOT] SummitSplit | 80 +++ configs/[TOP & Left] NorthWest | 72 +++ configs/[TOP & Right] NorthEast | 73 +++ configs/[TOP] Camellia | 178 ++++++ configs/[TOP] Chrysanthemum | 95 +++ configs/[TOP] Custom Minimal | 75 +++ configs/[TOP] Default Laptop | 70 +++ configs/[TOP] Default Laptop_v2 | 54 ++ configs/[TOP] Gardenia | 27 + configs/[TOP] Minimal - Long | 42 ++ configs/[TOP] Minimal - Short | 32 + .../[TOP] Original Minimal.jsonc | 0 configs/[TOP] Peony | 103 +++ configs/[TOP] Sleek | 85 +++ configs/[TOP] wallust_new | 31 + modules | 590 ++++++++++++++++++ style.css | 343 +--------- style/[Black & White] Monochrome.css | 235 +++++++ style/[Catppuccin] Latte.css | 312 +++++++++ style/[Catppuccin] Mocha.css | 316 ++++++++++ style/[Colored] Chroma Glow.css | 360 +++++++++++ style/[Colored] Translucent.css | 375 +++++++++++ style/[Colorful] Aurora Blossom.css | 233 +++++++ style/[Colorful] Aurora.css | 231 +++++++ style/[Colorful] Rainbow Spectrum.css | 342 ++++++++++ style/[Dark] Golden Noir.css | 249 ++++++++ style/[Dark] Half-Moon.css | 296 +++++++++ style/[Dark] Latte-Wallust combined.css | 161 +++++ style/[Dark] Purpl.css | 176 ++++++ style/[Dark] Wallust Obsidian Edge.css | 238 +++++++ style/[Extra] Crimson.css | 239 +++++++ style/[Extra] Mauve.css | 258 ++++++++ style/[Extra] Rose Pine.css | 208 ++++++ style/[Extra] Simple Pink.css | 254 ++++++++ style/[Light] Monochrome Contrast.css | 240 +++++++ style/[Light] Obsidian Glow.css | 213 +++++++ style/[Original] Minimal.css | 342 ++++++++++ style/[Pywal] Minimal.css | 248 ++++++++ style/[Retro] Simple Style.css | 157 +++++ style/[Transparent] Crystal Clear.css | 213 +++++++ .../[Wallust Bordered] Chroma Fusion Edge.css | 317 ++++++++++ style/[Wallust Transparent] Crystal Clear.css | 208 ++++++ style/[Wallust] Chroma Edge.css | 376 +++++++++++ style/[Wallust] Chroma Fusion.css | 313 ++++++++++ style/[Wallust] Chroma Tally.css | 273 ++++++++ style/[Wallust] Colored.css | 243 ++++++++ style/[Wallust] Simple.css | 254 ++++++++ style/catppuccin-themes/latte.css | 37 ++ style/catppuccin-themes/mocha.css | 38 ++ wallust/colors-waybar.css | 20 + 62 files changed, 10404 insertions(+), 343 deletions(-) create mode 120000 config create mode 100644 configs/[BOT & Left] SouthWest create mode 100644 configs/[BOT & Right] SouthEast create mode 100644 configs/[BOT] Camellia create mode 100644 configs/[BOT] Chrysanthemum create mode 100644 configs/[BOT] Default Laptop create mode 100644 configs/[BOT] Gardenia create mode 100644 configs/[BOT] Peony create mode 100644 configs/[BOT] Sleek create mode 100644 configs/[Left] WestWing create mode 100644 configs/[Right] EastWing create mode 100644 configs/[TOP & BOT] SummitSplit create mode 100644 configs/[TOP & Left] NorthWest create mode 100644 configs/[TOP & Right] NorthEast create mode 100644 configs/[TOP] Camellia create mode 100644 configs/[TOP] Chrysanthemum create mode 100644 configs/[TOP] Custom Minimal create mode 100644 configs/[TOP] Default Laptop create mode 100644 configs/[TOP] Default Laptop_v2 create mode 100644 configs/[TOP] Gardenia create mode 100644 configs/[TOP] Minimal - Long create mode 100644 configs/[TOP] Minimal - Short rename config.jsonc => configs/[TOP] Original Minimal.jsonc (100%) create mode 100644 configs/[TOP] Peony create mode 100644 configs/[TOP] Sleek create mode 100644 configs/[TOP] wallust_new create mode 100644 modules mode change 100644 => 120000 style.css create mode 100644 style/[Black & White] Monochrome.css create mode 100644 style/[Catppuccin] Latte.css create mode 100644 style/[Catppuccin] Mocha.css create mode 100644 style/[Colored] Chroma Glow.css create mode 100644 style/[Colored] Translucent.css create mode 100644 style/[Colorful] Aurora Blossom.css create mode 100644 style/[Colorful] Aurora.css create mode 100644 style/[Colorful] Rainbow Spectrum.css create mode 100644 style/[Dark] Golden Noir.css create mode 100644 style/[Dark] Half-Moon.css create mode 100644 style/[Dark] Latte-Wallust combined.css create mode 100644 style/[Dark] Purpl.css create mode 100644 style/[Dark] Wallust Obsidian Edge.css create mode 100644 style/[Extra] Crimson.css create mode 100644 style/[Extra] Mauve.css create mode 100644 style/[Extra] Rose Pine.css create mode 100644 style/[Extra] Simple Pink.css create mode 100644 style/[Light] Monochrome Contrast.css create mode 100644 style/[Light] Obsidian Glow.css create mode 100644 style/[Original] Minimal.css create mode 100644 style/[Pywal] Minimal.css create mode 100644 style/[Retro] Simple Style.css create mode 100644 style/[Transparent] Crystal Clear.css create mode 100644 style/[Wallust Bordered] Chroma Fusion Edge.css create mode 100644 style/[Wallust Transparent] Crystal Clear.css create mode 100644 style/[Wallust] Chroma Edge.css create mode 100644 style/[Wallust] Chroma Fusion.css create mode 100644 style/[Wallust] Chroma Tally.css create mode 100644 style/[Wallust] Colored.css create mode 100644 style/[Wallust] Simple.css create mode 100644 style/catppuccin-themes/latte.css create mode 100644 style/catppuccin-themes/mocha.css create mode 100644 wallust/colors-waybar.css diff --git a/colors.css b/colors.css index f897a0e..ff3970c 120000 --- a/colors.css +++ b/colors.css @@ -1 +1 @@ -/home/Nicholai/.cache/wal/colors-waybar.css \ No newline at end of file +/home/nicholai/.cache/wal/colors-waybar.css \ No newline at end of file diff --git a/config b/config new file mode 120000 index 0000000..4ad445d --- /dev/null +++ b/config @@ -0,0 +1 @@ +configs/[TOP] Custom Minimal \ No newline at end of file diff --git a/configs/[BOT & Left] SouthWest b/configs/[BOT & Left] SouthWest new file mode 100644 index 0000000..14377d5 --- /dev/null +++ b/configs/[BOT & Left] SouthWest @@ -0,0 +1,76 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### BOTTOM and LEFT PANEL + +[{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 2, +"fixed-center": true, +"ipc": true, +"margin-left": 6, +"margin-right": 6, +"margin-bottom": 2, + +"modules-left": [ + "custom/menu", + "cpu", + "temperature", + "memory", + "disk", + ], + +"modules-center": [ + //"hyprland/window", + "hyprland/workspaces#roman", + ], + +"modules-right": [ + //"network", + //"bluetooth", + "custom/weather", + "battery", + "backlight", + "pulseaudio", + //"wireplumber", + "pulseaudio#microphone", + "keyboard-state", + "custom/power", + ], +}, + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "left", +"height": 650, +"margin-top": 8, +"margin-bottom": 8, +"margin-left": 3, +//"margin-right": 3, +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"gtk-layer-shell": true, + +"modules-left": [ + "custom/lock", + "idle_inhibitor", + ], + +"modules-center": [ + "clock#vertical", + ], + +"modules-right": [ + "mpris", + "custom/swaync", + "tray", + "custom/light_dark", + ], + +}] \ No newline at end of file diff --git a/configs/[BOT & Right] SouthEast b/configs/[BOT & Right] SouthEast new file mode 100644 index 0000000..7d684c8 --- /dev/null +++ b/configs/[BOT & Right] SouthEast @@ -0,0 +1,76 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### BOTTOM and RIGHT PANEL + +[{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 2, +"fixed-center": true, +"ipc": true, +"margin-left": 6, +"margin-right": 6, +"margin-bottom": 2, + +"modules-left": [ + "custom/menu", + "cpu", + "temperature", + "memory", + "disk", + ], + +"modules-center": [ + //"hyprland/window", + "hyprland/workspaces#roman", + ], + +"modules-right": [ + //"network", + //"bluetooth", + "custom/weather", + "battery", + "backlight", + "pulseaudio", + //"wireplumber", + "pulseaudio#microphone", + "keyboard-state", + "custom/power", + ], +}, + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "right", +"height": 650, +"margin-top": 8, +"margin-bottom": 8, +//"margin-left": 3, +"margin-right": 3, +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"gtk-layer-shell": true, + +"modules-left": [ + "custom/lock", + "idle_inhibitor", + ], + +"modules-center": [ + "clock#vertical", + ], + +"modules-right": [ + "mpris", + "custom/swaync", + "tray", + "custom/light_dark", + ], + +}] \ No newline at end of file diff --git a/configs/[BOT] Camellia b/configs/[BOT] Camellia new file mode 100644 index 0000000..e135258 --- /dev/null +++ b/configs/[BOT] Camellia @@ -0,0 +1,176 @@ +//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +//* ............................................*/ +//* .............CAMELLIA.......................*/ +//* ............................................*/ +//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +{ + +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 4, +"fixed-center": true, +"ipc": true, +//"margin-top": 0, +//"margin-bottom": 0, +//"margin-left": 0, +//"margin-right": 0, + +"modules-left": [ + "hyprland/workspaces#cam", + "custom/separator#line", + "mpris", + "custom/swaync", + "tray#cam", + "wlr/taskbar"], + +"modules-center": ["hyprland/window#cam"], + +"modules-right": [ + "custom/backlight", + "backlight/slider", + "custom/speaker", + "pulseaudio/slider", + "battery#cam", + "clock#cam", + "network#cam"], + +// Additional modules // + +"hyprland/workspaces#cam": { + "active-only":false, + "all-outputs": true, + "format": "{icon}", + "show-special": false, + "on-click": "activate", + "on-scroll-up": "hyprctl dispatch workspace e+1", + "on-scroll-down": "hyprctl dispatch workspace e-1", + "persistent-workspaces":{ + "1": [], + "2": [], + "3": [], + "4": [], + "5": [] + }, + "format-icons": { + "1": "Uno", + "2": "Due", + "3": "Tre", + "4": "Quattro", + "5": "Cinque", + "6":"Sei", + "7":"Sette", + "8":"Otto", + "9":"Nove", + "10":"Dieci" + } +}, + +"hyprland/window#cam": { + "format": "๏†’ {title}", + "max-length": 50, + "rewrite": { + "(.*) โ€” Mozilla Firefox": " $1", + "(.*) - zsh": "> [$1]" +}, + "separate-outputs": true +}, + +"clock#cam": { + "interval": 60, + //"format": "{:%A, %I:%M %P}", + "format": "{:%A, %H:%M}", + "max-length": 25, + +}, + +"battery#cam": { + "interval": 60, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "critical": 15 + }, + "format": "{capacity}% {icon}", + "format-charging": "๏ƒง {capacity}%", + "format-plugged": "๓ฑ˜– {capacity}%", + "format-full": "{icon} Full", + "format-alt": "{icon} {time}", + "format-icons": ["๏‰„", "๏‰ƒ", "๏‰‚", "๏‰", "๏‰€"], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w" +}, + +"pulseaudio/slider": { + "min": 0, + "max": 100, + "orientation": "horizontal" + +}, + +"custom/speaker": { + "exec": "echo '๐Ÿ”Š'", + "interval": 1, + "format": "{}" +}, + +"backlight/slider": { + "min": 0, + "max": 100, + "orientation": "horizontal", + "device": "intel_backlight" +}, + +"custom/backlight": { + "exec": "echo 'โœจ'", + "interval": 1, + "format": "{}" +}, + +"tray#cam": { + //"icon-size": 16, + "spacing": 10 +}, + +"network#cam": { + "format": "{ifname}", + "format-wifi": "{icon}", + "format-ethernet": "๓ฐŒ˜", + "format-disconnected": "๓ฐŒ™", + "tooltip-format": "{ipaddr} ๏„น {bandwidthUpBytes} ๏„บ {bandwidthDownBytes}", + "format-linked": "๓ฐˆ {ifname} (No IP)", + "tooltip-format-wifi": "{essid} {icon} {signalStrength}%", + "tooltip-format-ethernet": "{ifname} ๓ฐŒ˜", + "tooltip-format-disconnected": "๓ฐŒ™ Disconnected", + "max-length": 50, + "format-icons": ["๓ฐคฏ","๓ฐคŸ","๓ฐคข","๓ฐคฅ","๓ฐคจ"] +}, + +"wlr/taskbar": { + "format": "{icon}", + //"icon-size": 14, + //"icon-theme": "Numix-Circle", + "tooltip-format": "{title}", + "on-click": "activate", + "on-click-middle": "close", + "ignore-list": [ + "kitty" + ], + "app_ids-mapping": { + "firefoxdeveloperedition": "firefox-developer-edition" + }, + "rewrite": { + "Firefox Web Browser": "Firefox", + "Foot Server": "Terminal" + } +} +} \ No newline at end of file diff --git a/configs/[BOT] Chrysanthemum b/configs/[BOT] Chrysanthemum new file mode 100644 index 0000000..e4f1fba --- /dev/null +++ b/configs/[BOT] Chrysanthemum @@ -0,0 +1,93 @@ +//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +//* ............................................*/ +//* .............CHRYSANTHEMUM.......................*/ +//* ............................................*/ +//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 5, +"fixed-center": true, +"ipc": true, +"margin-left": 5, +"margin-right": 5, + +"modules-left": ["clock#gar", "mpris", "custom/swaync", "tray"], + +"modules-center": ["hyprland/workspaces"], + +"modules-right": ["pulseaudio#gar","backlight#gar", "battery#gar"], + +// M O D U L E S // +"clock#gar": { + //"format": "{:%A, %I:%M %P}", + "format": "{:%a %d | %H:%M}", + "format-alt": "{:%A, %d %B, %Y (%R)}" +}, + +"hyprland/window#gar": { + "format": "{}", + "max-length": 60 +}, + +"tray#gar": { + "icon-size": 15, + "spacing": 10 +}, + +"pulseaudio#gar": { + "format": "{icon} {volume}%", + "format-bluetooth": "{icon}๏Š” {volume}%", + "format-bluetooth-muted": "๏šฉ {icon}๏Š”", + "format-muted": "๓ฐธˆ", + "format-icons": { + "headphone": "๏€จ", + "hands-free": "๏–", + "headset": "๏–", + "phone": "๏‚•", + "portable": "๏‚•", + "car": "๏†น", + "default": ["๏€ฆ", "๏€ง", "๏€จ"] + }, + "on-click": "pamixer --toggle-mute", + "on-click-right": "pavucontrol", + "tooltip": false +}, + +"backlight#gar": { + //"device": "intel_backlight", + "format": "{icon} {percent}%", + "format-icons": ["๏†…", "๏„‘"] +}, + +"battery#gar": { + "interval": 60, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon} {capacity}%", + "format-charging": "๏ƒง {capacity}%", + "format-plugged": "๓ฑ˜– {capacity}%", + "format-full": "{icon} Full", + "format-alt": "{icon} {time}", + "format-icons": ["๏‰„", "๏‰ƒ", "๏‰‚", "๏‰", "๏‰€"], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w", + "on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh", + "on-click-right": "~/.config/hypr/scripts/Wlogout.sh", +}, +} \ No newline at end of file diff --git a/configs/[BOT] Default Laptop b/configs/[BOT] Default Laptop new file mode 100644 index 0000000..501e0c8 --- /dev/null +++ b/configs/[BOT] Default Laptop @@ -0,0 +1,69 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### DEFAULT Bottom - Laptop### // +{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"margin-top": 6, +"margin-left": 8, +"margin-right": 8, + +"modules-left": [ + "hyprland/workspaces#pacman", + "custom/separator#dot-line", + "cpu", + "custom/separator#dot-line", + "temperature", + "custom/separator#dot-line", + "memory", + "custom/separator#dot-line", + "custom/weather", + "custom/separator#blank_3", + "custom/cava_mviz", + ], + +"modules-center": [ + "custom/menu", + "custom/separator#dot-line", + "idle_inhibitor", + "custom/separator#dot-line", + "clock", + "custom/separator#dot-line", + "custom/light_dark", + "custom/separator#dot-line", + "custom/lock", + //], + "custom/separator#dot-line", + "custom/keybinds", + ], + +"modules-right": [ + "network#speed", + "custom/separator#dot-line", + "tray", + "mpris", + "custom/separator#dot-line", + "bluetooth", + "custom/separator#dot-line", + "battery", + "custom/separator#dot-line", + "backlight", + "custom/separator#dot-line", + "pulseaudio", + "custom/separator#dot-line", + "pulseaudio#microphone", + "custom/separator#dot-line", + "keyboard-state", + "custom/separator#dot-line", + "custom/keyboard", + "custom/separator#dot-line", + "custom/power", + ], +} diff --git a/configs/[BOT] Gardenia b/configs/[BOT] Gardenia new file mode 100644 index 0000000..5d07152 --- /dev/null +++ b/configs/[BOT] Gardenia @@ -0,0 +1,99 @@ +//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +//* ............................................*/ +//* .............GARDENIA.......................*/ +//* ............................................*/ +//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +{ + + +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 5, +"fixed-center": false, +"ipc": true, +//"margin-top": 5, +"margin-bottom": 5, +"width": 768, + +"modules-left": ["clock#gar", "mpris", "custom/swaync", "tray"], + +"modules-center": ["hyprland/workspaces#kanji"], + +"modules-right": ["pulseaudio#gar","backlight#gar", "battery#gar"], + + +// M O D U L E S // + +"clock#gar": { + //"format": "{:%A, %I:%M %P}", + "format": "{:%a %d | %H:%M}", + "format-alt": "{:%A, %d %B, %Y (%R)}" +}, + +"hyprland/window#gar": { + "format": "{}", + "max-length": 60 +}, + +"tray#gar": { + "icon-size": 15, + "spacing": 10 +}, + +"pulseaudio#gar": { + "format": "{icon} {volume}%", + "format-bluetooth": "{icon}๏Š” {volume}%", + "format-bluetooth-muted": "๏šฉ {icon}๏Š”", + "format-muted": "๓ฐธˆ", + "format-icons": { + "headphone": "๏€จ", + "hands-free": "๏–", + "headset": "๏–", + "phone": "๏‚•", + "portable": "๏‚•", + "car": "๏†น", + "default": ["๏€ฆ", "๏€ง", "๏€จ"] + }, + "on-click": "pamixer --toggle-mute", + "on-click-right": "pavucontrol", + "tooltip": false +}, + +"backlight#gar": { + "device": "intel_backlight", + "format": "{icon} {percent}%", + "format-icons": ["๏†…", "๏„‘"] +}, + +"battery#gar": { + "interval": 60, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon} {capacity}%", + "format-charging": "๏ƒง {capacity}%", + "format-plugged": "๓ฑ˜– {capacity}%", + "format-full": "{icon} Full", + "format-alt": "{icon} {time}", + "format-icons": ["๏‰„", "๏‰ƒ", "๏‰‚", "๏‰", "๏‰€"], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w", + "on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh", + "on-click-right": "~/.config/hypr/scripts/Wlogout.sh", +}, + +} \ No newline at end of file diff --git a/configs/[BOT] Peony b/configs/[BOT] Peony new file mode 100644 index 0000000..dcdf4aa --- /dev/null +++ b/configs/[BOT] Peony @@ -0,0 +1,109 @@ +//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +//* ............................................*/ +//* ................PEONY.......................*/ +//* ............................................*/ +//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +{ + +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 4, +"fixed-center": true, +"ipc": true, +//"margin-top": 5, +"margin-bottom": 5, +"width": 1444, + +"modules-left": ["hyprland/workspaces#roman", "mpris", "tray#peony"], + +"modules-center": ["clock#peony"], + +"modules-right": [ + "battery#peony", + "custom/separator#blank", + "backlight#peony", + "custom/separator#blank", + "pulseaudio", + "custom/separator#blank", + "temperature", + "custom/separator#blank", + "network#peony", + "custom/swaync"], + + +//M O D U L E S // + +"clock#peony": { + "interval": 60, + "tooltip-format": "{:%B %Y}\n{calendar}", + //"format": "{:%B | %a %d, %Y | %I:%M %p}", + "format": "{:%B | %a %d, %Y | %H:%M}", + "format-alt": "{:%a %b %d, %G}", +}, + +"wireplumber#peony": { + "format": "{icon} {volume}", + "format-muted": "๏‘ฆ Mute", + "on-click": "~/.config/hypr/scripts/Volume.sh --toggle", + "on-click-right": "pavucontrol -t 3", + "on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc", + "on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec", + "format-icons": ["๏€ฆ", "๏€ง", "๓ฐ•พ", "๏€จ"], +}, + +"backlight#peony": { + "device": "intel_backlight", + "format": "{percent}% {icon}", + "format-icons": ["๓ฐ›ฉ", "๓ฑฉŽ", "๓ฑฉ", "๓ฑฉ‘", "๓ฑฉ’", "๓ฑฉ“", "๓ฑฉ”", "๓ฑฉ•", "๓ฐ›จ"], +}, + +"network#peony": { + "format": "{ifname}", + "format-wifi": "{icon}", + "format-ethernet": "๓ฐŒ˜", + "format-disconnected": "๓ฐŒ™", + "tooltip-format": "{ipaddr} ๏„น {bandwidthUpBytes} ๏„บ {bandwidthDownBytes}", + "format-linked": "๓ฐˆ {ifname} (No IP)", + "tooltip-format-wifi": "{essid} {icon} {signalStrength}%", + "tooltip-format-ethernet": "{ifname} ๓ฐŒ˜", + "tooltip-format-disconnected": "๓ฐŒ™ Disconnected", + "max-length": 50, + "format-icons": ["๓ฐคฏ","๓ฐคŸ","๓ฐคข","๓ฐคฅ","๓ฐคจ"] +}, + +"battery#peony": { + "interval": 60, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon} {capacity}%", + "format-charging": "๏ƒง {capacity}%", + "format-plugged": "๓ฑ˜– {capacity}%", + "format-full": "{icon} Full", + "format-alt": "{icon} {time}", + "format-icons": ["๏‰„", "๏‰ƒ", "๏‰‚", "๏‰", "๏‰€"], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w", + "on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh", + "on-click-right": "~/.config/hypr/scripts/Wlogout.sh", +}, + +"tray#peony": { + "icon-size": 17, + "spacing": 8, +} +} \ No newline at end of file diff --git a/configs/[BOT] Sleek b/configs/[BOT] Sleek new file mode 100644 index 0000000..10b62db --- /dev/null +++ b/configs/[BOT] Sleek @@ -0,0 +1,47 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// Sleek + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "bottom", +"height": 14, +"margin-left": 10, +"margin-right": 10, +"margin-bottom": 2, + +"modules-left": [ + "custom/menu", + "custom/separator#blank_2", + "mpris", + "hyprland/window" +], + +"modules-center": [ + "hyprland/workspaces" +], + +"modules-right": [ + "tray", + "custom/swaync", + "pulseaudio", + "clock", + "custom/power" + ], + + +// Additional format / customize modules + +"custom/power": { + "format": "๏€‘ ", + "icon-size": 20, + "tooltip": false, +}, + +"clock": { + //"format": "{:%I:%M %p - %d/%b}", //for AM/PM + "format": "{:%H:%M - %d/%b}", // 24H + "tooltip": false +}, +} diff --git a/configs/[Left] WestWing b/configs/[Left] WestWing new file mode 100644 index 0000000..a3381e8 --- /dev/null +++ b/configs/[Left] WestWing @@ -0,0 +1,37 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### LEFT PANEL ### // + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "left", +"margin-top": 8, +"margin-bottom": 8, +"margin-left": 3, +//"margin-right": 3, +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"gtk-layer-shell": true, + +"modules-left": [ + "clock#vertical", + "custom/light_dark", +], + +"modules-center": [ + "hyprland/workspaces", +], + +"modules-right": [ + "mpris", + "tray", + "custom/swaync", + "backlight#vertical", + "pulseaudio#microphone_vertical", + "pulseaudio#vertical", + "custom/power_vertical", + "custom/menu", +], +} diff --git a/configs/[Right] EastWing b/configs/[Right] EastWing new file mode 100644 index 0000000..5ce7be2 --- /dev/null +++ b/configs/[Right] EastWing @@ -0,0 +1,37 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### RIGHT PANEL ### // + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "right", +"margin-top": 8, +"margin-bottom": 8, +//"margin-left": 3, +"margin-right": 3, +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"gtk-layer-shell": true, + +"modules-left": [ + "clock#vertical", + "custom/light_dark", +], + +"modules-center": [ + "hyprland/workspaces", +], + +"modules-right": [ + "mpris", + "tray", + "custom/swaync", + "backlight#vertical", + "pulseaudio#microphone_vertical", + "pulseaudio#vertical", + "custom/power_vertical", + "custom/menu", +], +} diff --git a/configs/[TOP & BOT] SummitSplit b/configs/[TOP & BOT] SummitSplit new file mode 100644 index 0000000..62cb449 --- /dev/null +++ b/configs/[TOP & BOT] SummitSplit @@ -0,0 +1,80 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### DUAL TOP and BOTTOM ### // + +[{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 3, +"fixed-center": true, +"ipc": true, +"margin-top": 1, +"margin-left": 8, +"margin-right": 8, + +"modules-left": [ + "cpu", + "temperature", + "memory", + "disk", + ], + +"modules-center": [ + "idle_inhibitor", + "hyprland/workspaces#4", + "custom/light_dark", + ], + +"modules-right": [ + "custom/weather", + "battery", + "backlight", + "bluetooth", + "network", + //"custom/updater", + "custom/cycle_wall", + "custom/lock", + ], +}, + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 5, +"fixed-center": true, +"ipc": true, +"height": 0, +"margin-left": 8, +"margin-right": 8, +//"margin-bottom": 0, + +"modules-left": [ + "custom/menu", + "wlr/taskbar", + ], + +"modules-center": [ + "clock", + ], + +"modules-right": [ + "hyprland/window", + "tray", + "custom/swaync", + "mpris", + "keyboard-state", + "pulseaudio", + //"wireplumber", + "pulseaudio#microphone", + "custom/power", + ], + +}] \ No newline at end of file diff --git a/configs/[TOP & Left] NorthWest b/configs/[TOP & Left] NorthWest new file mode 100644 index 0000000..81f2306 --- /dev/null +++ b/configs/[TOP & Left] NorthWest @@ -0,0 +1,72 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### TOP and LEFT PANEL ## // + +[{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"width": 1200, +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 3, +"fixed-center": true, +"ipc": true, +"margin-top": 2, +"margin-left": 8, +"margin-right": 8, + +"modules-left": [ + "custom/menu", + "custom/separator#blank_2", + "group/motherboard", + ], + +"modules-center": [ + //"hyprland/window", + "hyprland/workspaces#pacman", + ], + +"modules-right": [ + "network", + "bluetooth", + "custom/weather", + "custom/separator#blank_2", + "group/audio", + "custom/separator#blank_2", + "keyboard-state", + "custom/power", + ], +}, + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "left", +"height": 650, +"margin-top": 8, +"margin-bottom": 8, +"margin-left": 3, +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"gtk-layer-shell": true, + +"modules-left": [ + "custom/lock", + "idle_inhibitor", + ], + +"modules-center": [ + "clock#vertical", + ], + +"modules-right": [ + "mpris", + "custom/swaync", + "tray", + "custom/light_dark", + ], + +}] \ No newline at end of file diff --git a/configs/[TOP & Right] NorthEast b/configs/[TOP & Right] NorthEast new file mode 100644 index 0000000..21bcb2c --- /dev/null +++ b/configs/[TOP & Right] NorthEast @@ -0,0 +1,73 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### TOP and Right PANEL ## // + +[{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"width": 1200, +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 3, +"fixed-center": true, +"ipc": true, +"margin-top": 2, +"margin-left": 8, +"margin-right": 8, + +"modules-left": [ + "custom/menu", + "custom/separator#blank_2", + "group/motherboard", + ], + +"modules-center": [ + //"hyprland/window", + "hyprland/workspaces#pacman", + ], + +"modules-right": [ + "network", + "bluetooth", + "custom/weather", + "custom/separator#blank_2", + "group/audio", + "custom/separator#blank_2", + "keyboard-state", + "custom/power", + ], +}, + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "right", +"height": 650, +"margin-top": 8, +"margin-bottom": 8, +//"margin-left": 3, +"margin-right": 3, +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"gtk-layer-shell": true, + +"modules-left": [ + "custom/lock", + "idle_inhibitor", + ], + +"modules-center": [ + "clock#vertical", + ], + +"modules-right": [ + "mpris", + "custom/swaync", + "tray", + "custom/light_dark", + ], + +}] \ No newline at end of file diff --git a/configs/[TOP] Camellia b/configs/[TOP] Camellia new file mode 100644 index 0000000..53e2fce --- /dev/null +++ b/configs/[TOP] Camellia @@ -0,0 +1,178 @@ +//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +//* ............................................*/ +//* .............CAMELLIA.......................*/ +//* ............................................*/ +//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +{ + +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"margin-top": 0, +//"margin-bottom": 0, +//"margin-left": 0, +//"margin-right": 0, + +"modules-left": [ + "hyprland/workspaces#cam", + "custom/separator#line", + "mpris", + "custom/swaync", + "tray#cam", + "wlr/taskbar" + ], + +"modules-center": ["hyprland/window#cam"], + +"modules-right": [ + "custom/backlight", + "backlight/slider", + "custom/speaker", + "pulseaudio/slider", + "battery#cam", + "clock#cam", + "network#cam" + ], + +// Additional modules // + +"hyprland/workspaces#cam": { + "active-only":false, + "all-outputs": true, + "format": "{icon}", + "show-special": false, + "on-click": "activate", + "on-scroll-up": "hyprctl dispatch workspace e+1", + "on-scroll-down": "hyprctl dispatch workspace e-1", + "persistent-workspaces":{ + "1": [], + "2": [], + "3": [], + "4": [], + "5": [] + }, + "format-icons": { + "1": "Uno", + "2": "Due", + "3": "Tre", + "4": "Quattro", + "5": "Cinque", + "6":"Sei", + "7":"Sette", + "8":"Otto", + "9":"Nove", + "10":"Dieci" + } +}, + +"hyprland/window#cam": { + "format": "๏†’ {title}", + "max-length": 50, + "rewrite": { + "(.*) โ€” Mozilla Firefox": " $1", + "(.*) - zsh": "> [$1]" +}, + "separate-outputs": true +}, + +"clock#cam": { + "interval": 60, + //"format": "{:%A, %I:%M %P}", + "format": "{:%A, %H:%M}", + "max-length": 25, + +}, + +"battery#cam": { + "interval": 60, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "critical": 15 + }, + "format": "{capacity}% {icon}", + "format-charging": "๏ƒง {capacity}%", + "format-plugged": "๓ฑ˜– {capacity}%", + "format-full": "{icon} Full", + "format-alt": "{icon} {time}", + "format-icons": ["๏‰„", "๏‰ƒ", "๏‰‚", "๏‰", "๏‰€"], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w" +}, + +"pulseaudio/slider": { + "min": 0, + "max": 100, + "orientation": "horizontal", + +}, + +"custom/speaker": { + "exec": "echo '๐Ÿ”Š'", + "interval": 1, + "format": "{}" +}, + +"backlight/slider": { + "min": 0, + "max": 100, + "orientation": "horizontal", + //"device": "intel_backlight" +}, + +"custom/backlight": { + "exec": "echo 'โœจ'", + "interval": 1, + "format": "{}" +}, + +"tray#cam": { + //"icon-size": 16, + "spacing": 10 +}, + +"network#cam": { + "format": "{ifname}", + "format-wifi": "{icon}", + "format-ethernet": "๓ฐŒ˜", + "format-disconnected": "๓ฐŒ™", + "tooltip-format": "{ipaddr} ๏„น {bandwidthUpBytes} ๏„บ {bandwidthDownBytes}", + "format-linked": "๓ฐˆ {ifname} (No IP)", + "tooltip-format-wifi": "{essid} {icon} {signalStrength}%", + "tooltip-format-ethernet": "{ifname} ๓ฐŒ˜", + "tooltip-format-disconnected": "๓ฐŒ™ Disconnected", + "max-length": 50, + "format-icons": ["๓ฐคฏ","๓ฐคŸ","๓ฐคข","๓ฐคฅ","๓ฐคจ"] +}, + +"wlr/taskbar": { + "format": "{icon}", + //"icon-size": 14, + //"icon-theme": "Numix-Circle", + "tooltip-format": "{title}", + "on-click": "activate", + "on-click-middle": "close", + "ignore-list": [ + "kitty" + ], + "app_ids-mapping": { + "firefoxdeveloperedition": "firefox-developer-edition" + }, + "rewrite": { + "Firefox Web Browser": "Firefox", + "Foot Server": "Terminal" + } +} +} \ No newline at end of file diff --git a/configs/[TOP] Chrysanthemum b/configs/[TOP] Chrysanthemum new file mode 100644 index 0000000..b231047 --- /dev/null +++ b/configs/[TOP] Chrysanthemum @@ -0,0 +1,95 @@ +//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +//* ............................................*/ +//* .............CHRYSANTHEMUM.......................*/ +//* ............................................*/ +//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 5, +"fixed-center": true, +"ipc": true, +"margin-left": 5, +"margin-right": 5, +"margin-top": 0, + +"modules-left": ["clock#gar", "mpris", "tray", "custom/swaync"], + +"modules-center": ["hyprland/workspaces"], + +"modules-right": ["pulseaudio#gar","backlight#gar", "battery#gar"], + +// M O D U L E S // + +"clock#gar": { + //"format": "{:%A, %I:%M %P}", + "format": "{:%a %d | %H:%M}", + "format-alt": "{:%A, %d %B, %Y (%R)}" +}, + +"hyprland/window#gar": { + "format": "{}", + "max-length": 60 +}, + +"tray#gar": { + "icon-size": 15, + "spacing": 10 +}, + +"pulseaudio#gar": { + "format": "{icon} {volume}%", + "format-bluetooth": "{icon}๏Š” {volume}%", + "format-bluetooth-muted": "๏šฉ {icon}๏Š”", + "format-muted": "๓ฐธˆ", + "format-icons": { + "headphone": "๏€จ", + "hands-free": "๏–", + "headset": "๏–", + "phone": "๏‚•", + "portable": "๏‚•", + "car": "๏†น", + "default": ["๏€ฆ", "๏€ง", "๏€จ"] + }, + "on-click": "pamixer --toggle-mute", + "on-click-right": "pavucontrol", + "tooltip": false +}, + +"backlight#gar": { + //"device": "intel_backlight", + "format": "{icon} {percent}%", + "format-icons": ["๏†…", "๏„‘"] +}, + +"battery#gar": { + "interval": 60, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon} {capacity}%", + "format-charging": "๏ƒง {capacity}%", + "format-plugged": "๓ฑ˜– {capacity}%", + "format-full": "{icon} Full", + "format-alt": "{icon} {time}", + "format-icons": ["๏‰„", "๏‰ƒ", "๏‰‚", "๏‰", "๏‰€"], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w", + "on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh", + "on-click-right": "~/.config/hypr/scripts/Wlogout.sh", +}, +} \ No newline at end of file diff --git a/configs/[TOP] Custom Minimal b/configs/[TOP] Custom Minimal new file mode 100644 index 0000000..38db09c --- /dev/null +++ b/configs/[TOP] Custom Minimal @@ -0,0 +1,75 @@ +/* ---- ๐Ÿ’ซ Custom Minimal Layout ๐Ÿ’ซ ---- */ +// Based on original minimal config with Hyprlust integration + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "top", +"margin-top": 8, +"margin-bottom": 0, + +"modules-left": [ + "hyprland/workspaces#4", + "tray" +], + +"modules-center": [ + "clock" +], + +"modules-right": [ + "custom/temps", + "pulseaudio", + "pulseaudio#microphone" +], + +// Customize clock format - 12-hour with AM/PM +"clock": { + "format": "{:%I:%M %p %a, %b %e}", + "tooltip": true, + "tooltip-format": "{calendar}", + "calendar": { + "mode": "month", + "on-scroll": 1, + "format": { + "months": "{}", + "days": "{}", + "weekdays": "{}", + "today": "{}" + } + } +}, + +// Ensure workspaces are persistent (1-5) +"hyprland/workspaces#4": { + "format": " {icon} ", + "show-special": false, + "active-only": false, + "on-click": "activate", + "on-scroll-up": "hyprctl dispatch workspace e+1", + "on-scroll-down": "hyprctl dispatch workspace e-1", + "all-outputs": true, + "sort-by-number": true, + "persistent-workspaces": { + "1": [], + "2": [], + "3": [], + "4": [], + "5": [] + }, + "format-icons": { + "1": " ", + "2": " ", + "3": " ", + "4": " ", + "5": "", + "6": " ", + "7": "", + "8": " ", + "9": " ", + "10": "10", + "focused": "", + "default": "" + } +} +} diff --git a/configs/[TOP] Default Laptop b/configs/[TOP] Default Laptop new file mode 100644 index 0000000..1521b82 --- /dev/null +++ b/configs/[TOP] Default Laptop @@ -0,0 +1,70 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### DEFAULT Top -Laptop ### // +{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 3, +"fixed-center": true, +"ipc": true, +"margin-top": 3, +"margin-left": 8, +"margin-right": 8, + +"modules-left": [ + "hyprland/workspaces#pacman", + "custom/separator#dot-line", + "cpu", + "custom/separator#dot-line", + "temperature", + "custom/separator#dot-line", + "memory", + "custom/separator#dot-line", + "custom/weather", + "custom/separator#blank_3", + "custom/cava_mviz", + ], + +"modules-center": [ + "custom/menu", + "custom/separator#dot-line", + "idle_inhibitor", + "custom/separator#dot-line", + "clock", + "custom/separator#dot-line", + "custom/light_dark", + "custom/separator#dot-line", + "custom/lock", + //], + "custom/separator#dot-line", + "custom/hint", + ], + +"modules-right": [ + "network#speed", + "custom/separator#dot-line", + "custom/swaync", + "tray", + "mpris", + "custom/separator#dot-line", + "bluetooth", + "custom/separator#dot-line", + "battery", + "custom/separator#dot-line", + "backlight", + "custom/separator#dot-line", + "pulseaudio", + "custom/separator#dot-line", + "pulseaudio#microphone", + "custom/separator#dot-line", + "keyboard-state", + "custom/separator#dot-line", + "custom/keyboard", + "custom/separator#dot-line", + "custom/power", + ], +} \ No newline at end of file diff --git a/configs/[TOP] Default Laptop_v2 b/configs/[TOP] Default Laptop_v2 new file mode 100644 index 0000000..9021f0b --- /dev/null +++ b/configs/[TOP] Default Laptop_v2 @@ -0,0 +1,54 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### DEFAULT v2 (Laptop) - Top ### // +{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 3, +"fixed-center": true, +"ipc": true, +"margin-top": 3, +"margin-left": 8, +"margin-right": 8, + +"modules-left": [ + "custom/menu", + "custom/light_dark", + "custom/separator#dot-line", + "group/motherboard", + "custom/separator#blank", + "group/laptop", + "custom/separator#line", + "custom/weather", + ], + +"modules-center": [ + "custom/swaync", + "custom/cava_mviz", + "custom/separator#dot-line", + "clock", + "custom/separator#line", + "hyprland/workspaces#roman", + "custom/separator#dot-line", + "idle_inhibitor", + "custom/hint", + ], + +"modules-right": [ + "network#speed", + "custom/separator#line", + "tray", + "mpris", + "bluetooth", + "group/audio", + "keyboard-state", + "custom/keyboard", + "custom/lock", + "custom/separator#dot-line", + "custom/power", + ], +} \ No newline at end of file diff --git a/configs/[TOP] Gardenia b/configs/[TOP] Gardenia new file mode 100644 index 0000000..6cd7b63 --- /dev/null +++ b/configs/[TOP] Gardenia @@ -0,0 +1,27 @@ +{ + "layer": "bottom", + "position": "top", + "margin": "4 ", + "fixed-center": true, + "reload_style_on_change": true, + "include": ["~/.config/waybar/modules"], + "modules-left": [ + "hyprland/window", + "group/info", + ], + + "modules-center": [ + "hyprland/workspaces#pacman" + ], + + "modules-right": [ + +"tray", + +"custom/separator#blank_2", +"mpris", +"group/power", + "group/hub", + + ], +} diff --git a/configs/[TOP] Minimal - Long b/configs/[TOP] Minimal - Long new file mode 100644 index 0000000..d123bb9 --- /dev/null +++ b/configs/[TOP] Minimal - Long @@ -0,0 +1,42 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### Minimal - Long ### // + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 6, +"fixed-center": true, +"ipc": true, +"margin-top": 3, +"margin-left": 8, +"margin-right": 8, + +"modules-left": [ + "custom/menu", + "custom/separator#blank_2", + "mpris" , + "custom/separator#blank_1", +"hyprland/window" , + "custom/swaync", + "tray", + ], +"modules-center": [ + "clock", + "idle_inhibitor", + ], +"modules-right": [ + "group/motherboard", + "custom/separator#blank_2", + "group/laptop", + "custom/separator#blank_2", + "group/audio", + "custom/separator#blank_2", + "custom/power", + ], + +} diff --git a/configs/[TOP] Minimal - Short b/configs/[TOP] Minimal - Short new file mode 100644 index 0000000..99616d8 --- /dev/null +++ b/configs/[TOP] Minimal - Short @@ -0,0 +1,32 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ + +// ### Minimal -SHORT ### // + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "top", +"width": 1050, +"margin-top": 3, + +"modules-left": [ + "clock", + "custom/weather", + ], + +"modules-center": [ + "hyprland/workspaces#roman" + ], + +"modules-right": [ + "custom/menu", + "tray", + "custom/swaync", + "mpris", + "network", + "bluetooth", + "backlight", + "pulseaudio", + "battery", + "custom/power"], +} diff --git a/config.jsonc b/configs/[TOP] Original Minimal.jsonc similarity index 100% rename from config.jsonc rename to configs/[TOP] Original Minimal.jsonc diff --git a/configs/[TOP] Peony b/configs/[TOP] Peony new file mode 100644 index 0000000..407b217 --- /dev/null +++ b/configs/[TOP] Peony @@ -0,0 +1,103 @@ +//* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +//* ............................................*/ +//* ................PEONY.......................*/ +//* ............................................*/ +//* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +{ + +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 4, +"fixed-center": true, +"ipc": true, +"margin-top": 5, +//"margin-bottom": 5, +"width": 1444, + +"modules-left": ["hyprland/workspaces#roman", "mpris", "custom/swaync", "tray#peony"], + +"modules-center": ["clock#peony"], + +"modules-right": [ + "tray#peony", + "battery#peony", + "custom/separator#blank", + "mpris", + "custom/separator#blank", + "pulseaudio", + "custom/separator#blank", + "temperature", + "custom/separator#blank", + "network#peony"], + + +//M O D U L E S // + +"clock#peony": { + "interval": 60, + "tooltip-format": "{:%B %Y}\n{calendar}", + //"format": "{:%B | %a %d, %Y | %I:%M %p}", + "format": "{:%B | %a %d, %Y | %H:%M}", + "format-alt": "{:%a %b %d, %G}", +}, + +"wireplumber#peony": { + "format": "{icon} {volume}", + "format-muted": "๏‘ฆ Mute", + "on-click": "~/.config/hypr/scripts/Volume.sh --toggle", + "on-click-right": "pavucontrol -t 3", + "on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc", + "on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec", + "format-icons": ["๏€ฆ", "๏€ง", "๓ฐ•พ", "๏€จ"], +}, + +"network#peony": { + "format": "{ifname}", + "format-wifi": "{icon}", + "format-ethernet": "๓ฐŒ˜", + "format-disconnected": "๓ฐŒ™", + "tooltip-format": "{ipaddr} ๏„น {bandwidthUpBytes} ๏„บ {bandwidthDownBytes}", + "format-linked": "๓ฐˆ {ifname} (No IP)", + "tooltip-format-wifi": "{essid} {icon} {signalStrength}%", + "tooltip-format-ethernet": "{ifname} ๓ฐŒ˜", + "tooltip-format-disconnected": "๓ฐŒ™ Disconnected", + "max-length": 50, + "format-icons": ["๓ฐคฏ","๓ฐคŸ","๓ฐคข","๓ฐคฅ","๓ฐคจ"] +}, + +"battery#peony": { + "interval": 60, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon} {capacity}%", + "format-charging": "๏ƒง {capacity}%", + "format-plugged": "๓ฑ˜– {capacity}%", + "format-full": "{icon} Full", + "format-alt": "{icon} {time}", + "format-icons": ["๏‰„", "๏‰ƒ", "๏‰‚", "๏‰", "๏‰€"], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w", + "on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh", + "on-click-right": "~/.config/hypr/scripts/Wlogout.sh", +}, + +"tray#peony": { + "icon-size": 17, + "spacing": 8, +} +} diff --git a/configs/[TOP] Sleek b/configs/[TOP] Sleek new file mode 100644 index 0000000..4e1b422 --- /dev/null +++ b/configs/[TOP] Sleek @@ -0,0 +1,85 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +// Sleek + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "top", +"height": 14, +"margin-left": 10, +"margin-right": 10, +"margin-top": 2, + +"modules-left": [ + "custom/menu", + "custom/separator#dot-line", + "hyprland/workspaces#kanji", + "custom/separator#blank_1", + "custom/weather", + +], + +"modules-center": [ + "hyprland/window" +], + +"modules-right": [ + "custom/padd", + "cpu", +"custom/separator#blank", + "temperature", +"custom/separator#blank", + "battery", +"custom/separator#blank", +"pulseaudio", + + "custom/separator#blank_2", +"custom/swaync", +"tray", + "custom/separator#blank", + "mpris", + + + "custom/separator#blank_2", + "clock", + "custom/separator#dot-line", + "custom/power", + ], +"modules-right": [ + + "cpu", +"custom/separator#blank", + "temperature", +"custom/separator#blank", + "battery", +"custom/separator#blank", +"pulseaudio", + + "custom/separator#blank_2", +"custom/swaync", +"tray", + "custom/separator#blank", + "mpris", + + + "custom/separator#blank_2", + "clock", + "custom/separator#dot-line", + "custom/power", + ], + + +// Additional format / customize modules + +"custom/power": { + "format": "๏€‘ ", + "icon-size": 20, + "tooltip": false, +}, + +"clock": { + "format": "{:%I:%M %p - %d/%b}", //for AM/PM + //"format": "{:%H:%M - %d/%b}", // 24H + "tooltip": true +}, +} diff --git a/configs/[TOP] wallust_new b/configs/[TOP] wallust_new new file mode 100644 index 0000000..274963c --- /dev/null +++ b/configs/[TOP] wallust_new @@ -0,0 +1,31 @@ +{ + "layer": "top", + "position": "top", + "height" : 34, + "width" : 1200, + "margin-left": 50, +"margin-right": 50, +"margin-top": 5, + + "fixed-center": true, + "reload_style_on_change": true, + "include": ["~/.config/waybar/modules"], + "modules-left": [ + "custom/menu", + "custom/separator#blank", + "hyprland/window", + "group/info", + ], + + "modules-center": [ + "hyprland/workspaces#4" + ], + + "modules-right": [ + "idle_inhibitor", + "group/demo", + "group/hub", + "custom/power", + + ], +} diff --git a/modules b/modules new file mode 100644 index 0000000..064a975 --- /dev/null +++ b/modules @@ -0,0 +1,590 @@ +//* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- *// +/* Waybar Modules */ + +{ + +// NUMBERS and ICONS style +"hyprland/workspaces#4": { + //"format": "{name}", + //"format": " {name} {icon} ", + "format": " {icon} ", + "show-special": false, + "active-only": false, + "on-click": "activate", + "on-scroll-up": "hyprctl dispatch workspace e+1", + "on-scroll-down": "hyprctl dispatch workspace e-1", + "all-outputs": true, + "sort-by-number": true, + "persistent-workspaces": { + "1": [], + "2": [], + "3": [], + "4": [], + }, + "format-icons": { + "1": "๏„  ", + "2": "๏‰ฉ ", + "3": "๏ผ ", + "4": "๏‹† ", + "5": "๏‹", + "6": "๏ˆณ ", + "7": "๏Ž’", + "8": "๏€ฐ ", + "9": "๏†ถ ", + "10": "10", + "focused": "๏†’", + "default": "๏„Œ", + }, +}, +// GROUP + +"group/demo": { + "orientation": "inherit", + "modules": [ "group/custom_right" , "battery"], + }, + +"group/custom_right": { + "orientation": "horizontal", + "modules": [ + "tray", + "pulseaudio", + "mpris", + ] +}, + + + +"battery": { + //"interval": 5, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon} {capacity}", + "format-charging": "๏ƒง {capacity}%", + "format-plugged": "๓ฑ˜– {capacity}%", + "format-alt-click": "click", + "format-full": "{icon} Full", + "format-alt": "{icon} {time}", + "format-icons": [ + "๓ฐ‚Ž", "๓ฐบ", "๓ฐป", "๓ฐผ", "๓ฐฝ", "๓ฐพ", "๓ฐฟ", "๓ฐ‚€", "๓ฐ‚", "๓ฐ‚‚", "๓ฐน" + ], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w", + "on-click-middle": "~/.config/hypr/scripts/ChangeBlur.sh", + "on-click-right": "~/.config/hypr/scripts/Wlogout.sh", +}, + +"actions": { + "on-click-right": "mode", + "on-click-forward": "tz_up", + "on-click-backward": "tz_down", + "on-scroll-up": "shift_up", + "on-scroll-down": "shift_down" +}, + +"idle_inhibitor": { + "format": "{icon}", + "format-icons": { + "activated": "๏ˆ… ", + "deactivated": "๏ˆ„ ", + } +}, + +"mpris": { + "interval": 10, + "format": "{player_icon} ", + "format-paused": "{status_icon}", + "on-click-middle": "playerctl play-pause", + "on-click": "playerctl previous", + "on-click-right": "playerctl next", + "scroll-step": 5.0, + "on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc", + "on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec", + "smooth-scrolling-threshold": 1, + "player-icons": { + "chromium": "๏‰จ", + "mpd" : "๏€", + "default": "๏€", + "firefox": "๏‰ฉ", + "kdeconnect": "๏˜Ÿ", + "mopidy": "๏€", + "mpv": "๓ฐน", + "spotify": "๏†ผ", + "vlc": "๓ฐ•ผ", + }, + "status-icons": { + "paused": "๓ฐŽ", + "playing": "๏‹", + "stopped": "๏", + }, + // "ignored-players": ["firefox"] + "max-length": 10, +}, + +"pulseaudio": { + "format": "{icon} {volume}%", + "format-bluetooth": "{icon} ๓ฐ‚ฐ {volume}", + "format-muted": "๓ฐ–", + "format-icons": { + "headphone": "๏€ฅ", + "hands-free": "๏€ฅ", + "headset": "๏€ฅ", + "phone": "๏‚•", + "portable": "๏‚•", + "car": "๏†น", + "default": [ + "๏€ฆ", "๏€ง", "๓ฐ•พ", "๏€จ" + ], + "ignored-sinks": [ + "Easy Effects Sink" + ], + }, + "scroll-step": 5.0, + "on-click": "~/.config/hypr/scripts/Volume.sh --toggle", + "on-click-right": "pavucontrol -t 3", + "on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc", + "on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec", + "tooltip-format": "{icon} {desc} | {volume}%", + "smooth-scrolling-threshold": 1, +}, +"pulseaudio#microphone": { + "format": "{format_source}", + "format-source": "๏„ฐ {volume}%", + "format-source-muted": "๏„ฑ", + "on-click": "~/.config/hypr/scripts/Volume.sh --toggle-mic", + "on-click-right": "pavucontrol -t 4", + "on-scroll-up": "~/.config/hypr/scripts/Volume.sh --mic-inc", + "on-scroll-down": "~/.config/hypr/scripts/Volume.sh --mic-dec", + "tooltip-format": "{source_desc} | {source_volume}%", + "scroll-step": 5, +}, +"temperature": { + "interval": 10, + "tooltip": true, + "hwmon-path": [ + "/sys/class/hwmon/hwmon6/temp1_input", + "/sys/class/thermal/thermal_zone0/temp" + ], + //"thermal-zone": 0, + "critical-threshold": 82, + "format-critical": "{temperatureC}ยฐC {icon}", + "format": "{temperatureC}ยฐC {icon}", + "format-icons": [ + "๓ฐˆธ" + ], + "on-click-right": "kitty --title nvtop sh -c 'nvtop'" +}, +"custom/temps": { + "exec": "~/.config/waybar/scripts/temps.sh", + "interval": 2, + "return-type": "json", + "format": "{}", + "tooltip": true +}, +"tray": { + "icon-size": 16, + "spacing": 4, +}, +"wireplumber": { + "format": "{icon} {volume} %", + "format-muted": "๏‘ฆ Mute", + "on-click": "~/.config/hypr/scripts/Volume.sh --toggle", + "on-click-right": "pavucontrol -t 3", + "on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc", + "on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec", + "format-icons": [ + "๏€ฆ", "๏€ง", "๓ฐ•พ", "๏€จ" + ], +}, +"wlr/taskbar": { + "format": "{icon} {name} ", + "icon-size": 15, + "all-outputs": false, + "tooltip-format": "{title}", + "on-click": "activate", + "on-click-middle": "close", + "ignore-list": [ + "wofi", + "rofi", + ] +}, + +"custom/menu": { + "format": "๏™{}", + "exec": "echo ; echo ๓ฑ“Ÿ app launcher", + "interval": 86400, // once every day + "tooltip": true, + "on-click": "pkill rofi || rofi -show drun -modi run,drun,filebrowser,window", + "on-click-middle": "~/.config/hypr/UserScripts/WallpaperSelect.sh", + "on-click-right": "~/.config/hypr/scripts/WaybarLayout.sh", +}, +// This is a custom cava visualizer +"custom/cava_mviz": { + "exec": "~/.config/hypr/scripts/WaybarCava.sh", + "format": "{}" +}, +"custom/touch": { + "format": "๓ฑ“Ÿ {}", + "on-click": "pkill wvkbd-mobintl || wvkbd-mobintl -L 200", + }, + +"custom/playerctl": { + "format": "{}", + "return-type": "json", + "max-length": 35, + "exec": "playerctl -a metadata --format '{\"text\": \"{{artist}} ~ {{markup_escape(title)}}\", \"tooltip\": \"{{playerName}} : {{markup_escape(title)}}\", \"alt\": \"{{status}}\", \"class\": \"{{status}}\"}' -F", + "on-click-middle": "playerctl play-pause", + "on-click": "playerctl previous", + "on-click-right": "playerctl next", + "scroll-step": 5.0, + "on-scroll-up": "~/.config/hypr/scripts/Volume.sh --inc", + "on-scroll-down": "~/.config/hypr/scripts/Volume.sh --dec", + "smooth-scrolling-threshold": 1, +}, +"custom/power": { + "format": "โป", + "exec": "echo ; echo ๓ฐŸก power // blur", + "on-click": "~/.config/hypr/scripts/Wlogout.sh", + "on-click-right": "~/.config/hypr/scripts/ChangeBlur.sh", + "interval": 86400, // once every day + "tooltip": true, +}, +"custom/swaync": { + "tooltip": true, + "format": "{icon} {}", + "format-icons": { + "notification": "๏‚ข๏‘„", + "none": "๏‚ข", + "dnd-notification": "๏‡ท๏‘„", + "dnd-none": "๏‡ท", + "inhibited-notification": "๏‚ข๏‘„", + "inhibited-none": "๏‚ข", + "dnd-inhibited-notification": "๏‡ท๏‘„", + "dnd-inhibited-none": "๏‡ท" + }, + "return-type": "json", + "exec-if": "which swaync-client", + "exec": "swaync-client -swb", + "on-click": "sleep 0.1 && swaync-client -t -sw", + "on-click-right": "swaync-client -d -sw", + "escape": true, +}, +// NOTE:! This is only for Arch and Arch Based Distros depend: \ +"custom/weather": { + "format": "{}", + "format-alt": "{alt}: {}", + "format-alt-click": "click", + "interval": 3600, + "return-type": "json", + //"exec": "~/.config/hypr/UserScripts/Weather.sh", + "exec": "~/.config/hypr/UserScripts/Weather.py", + "exec-if": "ping wttr.in -c1", + "tooltip": true, +}, +// Separators +"custom/separator#dot": { + "format": "๏‘„", + "interval": "once", + "tooltip": false +}, +"custom/separator#dot-line": { + "format": "๎˜ก", + "interval": "once", + "tooltip": false +}, +"custom/separator#line": { + "format": "|", + "interval": "once", + "tooltip": false +}, +"custom/separator#blank": { + "format": "", + "interval": "once", + "tooltip": false +}, +"custom/separator#blank_2": { + "format": " ", + "interval": "once", + "tooltip": false +}, +"custom/separator#blank_3": { + "format": " ", + "interval": "once", + "tooltip": false +}, + + "hyprland/window": { + "format": "๓ฐฃ† {title}", + "max-length": 40, + "separate-outputs": false, + "rewrite": { + "^.*( โ€” LibreWolf|LibreWolf)$": "๓ฐˆน LibreWolf", + "(.*) โ€” Mozilla Firefox": "๏‰ฉ Firefox", + "^.*v( .*|$)": "๏ฏ Neovim", + "^.*~$": "๓ฐ„› Kitty", + "(.*) ": "๎ซค Empty", + "^.*pdf( .*|$)": "๏‡", + "^.*(- Mousepad)$" :"๏ฏ $1" + }, + }, + "group/info": { + "orientation": "inherit", + "drawer": { + "transition-duration": 300, + "transition-left-to-right": false, + }, + "modules": ["custom/arrow-right", "cpu", "memory", "temperature"], + }, + "custom/arrow-right": { + "format": "๓ฐ™", + "tooltip": false, + }, + "cpu": { + "format": "๓ฐ˜š {usage}๓ฑ‰ธ", + }, + "memory": { + "interval": 10, + "format": "{used:0.1f}G ๓ฐพ†", + "format-alt": "{percentage}% ๓ฐพ†", + "format-alt-click": "click", + "tooltip": true, + "tooltip-format": "{used:0.1f}GB/{total:0.1f}G", + "on-click-right": "kitty --title btop sh -c 'btop'" +}, + "disk": { + "interval": 600, + "format": "๓ฐ†ผ {percentage_used}๓ฑ‰ธ", + "path": "/", + }, + + "group/control-center": { + "orientation": "inherit", + "modules": ["hyprland/language", "group/audio", "group/connection"], + }, + "hyprland/language": { + "format": "{}", + "format-en": "en", + "format-ru": "ru", + "keyboard-name": "kingston-hyperx-alloy-fps-pro-mechanical-gaming-keyboard-1", + // "keyboard-name":"at-translated-set-2-keyboard", + "on-click": "hyprctl switchxkblayout kingston-hyperx-alloy-fps-pro-mechanical-gaming-keyboard-1 next", + }, + "group/audio": { + "orientation": "inherit", + "drawer": { + "transition-duration": 300, + "transition-left-to-right": false, + }, + "modules": [ + "pulseaudio", + "pulseaudio#mic" + // "pulseaudio/slider" + ] + }, + + "group/connection": { + "orientation": "inherit", + "modules": ["group/network", "group/bluetooth"], + }, + "group/network": { + "orientation": "inherit", + "drawer": { + "transition-duration": 300, + "transition-left-to-right": true, + }, + "modules": ["network", "network#speed"], + }, + "group/bluetooth": { + "orientation": "inherit", + "drawer": { + "transition-duration": 300, + "transition-left-to-right": true, + }, + "modules": ["bluetooth", "bluetooth#status"], + }, + "network": { + "format": "{icon}", + "format-icons": { + "wifi": ["๓ฐคจ"], + "ethernet": ["๓ฐˆ"], + "disconnected": ["๎ซ"], + }, + "format-wifi": "๓ฐคจ", + "format-ethernet": "๓ฐˆ", + "format-disconnected": "๓ฐ–ช", + "format-linked": "๓ฐˆ", + "tooltip": false, + "on-click": "pgrep -x rofi &>/dev/null && notify-send rofi || networkmanager_dmenu", + }, + "network#speed": { + "format": " {bandwidthDownBits} ", + "interval": 5, + "tooltip-format": "{ipaddr}", + "tooltip-format-wifi": "{essid} ({signalStrength}%) ๏‡ซ \n{ipaddr} | {frequency} MHz{icon} ", + "tooltip-format-ethernet": "{ifname} ๓ฐˆ€ \n{ipaddr} | {frequency} MHz{icon} ", + "tooltip-format-disconnected": "Not Connected to any type of Network", + "tooltip": true, + "on-click": "pgrep -x rofi &>/dev/null && notify-send rofi || networkmanager_dmenu", + }, + "bluetooth": { + "format-on": "๏Š”", + "format-off": "๓ฐ‚ฒ", + "format-disabled": "", + "format-connected": "๏Š“", + "tooltip": false, + // "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected", + // "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}", + // "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}", + // "tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%", + "on-click": "overskride", + }, + "bluetooth#status": { + "format-on": "", + "format-off": "", + "format-disabled": "", + "format-connected": "{num_connections}", + "format-connected-battery": "{device_battery_percentage}%", + "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected", + "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}", + "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}", + "tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%", + "on-click": "rofi-bluetooth -config ~/.config/rofi/menu.d/network.rasi -i", + }, + "group/hub": { + "orientation": "inherit", + "modules": ["group/utils", "clock"], + }, + "group/utils": { + "orientation": "inherit", + "drawer": { + "transition-duration": 300, + "transition-left-to-right": true, + }, + "modules": ["custom/arrow-left", "custom/notifications", "custom/weather", "custom/theme-switcher"], + }, + "custom/arrow-left": { + "format": "๓ฐ’", + "tooltip": false, + }, + "custom/notifications": { + "tooltip": false, + "format": "{icon} {}", + "format-icons": { + "notification": "๓ฑ…ซ", + "none": "๓ฐ‚š", + "dnd-notification": "๓ฐ‚›", + "dnd-none": "๓ฐ‚›", + "inhibited-notification": "๓ฐ‚š", + "inhibited-none": "๓ฐ‚š", + "dnd-inhibited-notification": "๓ฐ‚›", + "dnd-inhibited-none": "๓ฐ‚›" + }, + "return-type": "json", + "exec-if": "which swaync-client", + "exec": "swaync-client -swb", + "on-click": "swaync-client -t -sw", + "on-click-right": "swaync-client -d -sw", + "escape": true + }, +"clock": { + "interval": 1, + "format": "{:%I:%M %p}", // AM PM format + //"format": "๏€— {:%H:%M:%S}", + "format-alt": "๏€— {:%H:%M ๏ณ %Y, %d %B, %A}", + "tooltip-format": "{calendar}", + "calendar": { + "mode": "year", + "mode-mon-col": 3, + "weeks-pos": "right", + "on-scroll": 1, + "format": { + "months": "{}", + "days": "{}", + "weeks": "W{}", + "weekdays": "{}", + "today": "{}" + } + } +}, +"actions": { + "on-click-right": "mode", + "on-click-forward": "tz_up", + "on-click-backward": "tz_down", + "on-scroll-up": "shift_up", + "on-scroll-down": "shift_down" +}, + }, + "group/power": { + "orientation": "inherit", + "drawer": { + "transition-duration": 300, + "transition-left-to-right": false, + }, + "modules": ["battery", "power-profiles-daemon"], + }, + "battery": { + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon}", + "format-charging": "{icon} ๎€Š", + "format-full": "{icon}", + "format-icons": [ + "๓ฐป", + "๓ฐผ", + "๓ฐพ", + "๓ฐ‚€", + "๓ฐ‚‚", + "๓ฐน" + ], + "tooltip-format": "{timeTo} {capacity} % | {power} W" + }, + "power-profiles-daemon": { + "format": "{icon}", + "tooltip-format": "Power profile: {profile}\nDriver: {driver}", + "tooltip": true, + "format-icons": { + "default": "๏ƒง", + "performance": "๏ƒง", + "balanced": "๏‰Ž ", + "power-saver": "๏ฌ" + } + }, +} + +"mpd": { + "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ๏€", + "format-disconnected": "Disconnected ๏€", + "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ๏€", + "interval": 10, + "consume-icons": { + "on": "๏ƒ„ " // Icon shows only when "consume" is on + }, + "random-icons": { + "off": "๏ด ", // Icon grayed out when "random" is off + "on": "๏ด " + }, + "repeat-icons": { + "on": "๏€ž " + }, + "single-icons": { + "on": "๏€ž1 " + }, + "state-icons": { + "paused": "๏Œ", + "playing": "๏‹" + }, + "tooltip-format": "MPD (connected)", + "tooltip-format-disconnected": "MPD (disconnected)" +} diff --git a/style.css b/style.css deleted file mode 100644 index 94dbf1c..0000000 --- a/style.css +++ /dev/null @@ -1,342 +0,0 @@ -* { - border: none; - border-radius: 8px; - /* Increased border-radius by 2x */ - /* `ttf-font-awesome` is required to be installed for icons */ - font-family: "JetBrainsMono Nerd Font"; - - /* adjust font-size value to your liking: */ - font-size: 18px; - font-weight: bold; - min-height: 0; - min-width: 28px; - /* Ensures consistent minimum width */ -} - -window#waybar { - background-color: rgba(0, 0, 0, 0); - color: #ffffff; - margin-top: 8px; - /* Add top margin to prevent touching screen top */ - margin-bottom: 8px; - /* Optional: Also add bottom margin for consistency */ -} - -#workspaces button { - padding: 4px 8px; - /* Reduced vertical padding further */ - margin: 1px 2px; - /* Reduced vertical margins further */ - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.6); - border-radius: 10px; - /* Increased border-radius by 2x */ - transition: all 0.3s ease; - border: 1px solid transparent; - min-height: 4px; - /* Reduced height even more */ - font-size: 8px; - /* Reduced even more */ -} - -#workspaces button:hover { - background-color: rgba(255, 255, 255, 0.2); - color: rgba(0, 0, 0, 0.4); - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); -} - -#workspaces button.active { - background-color: rgba(255, 255, 255, 0.3); - color: rgba(0, 0, 0, 0.4); - border: 1px solid rgba(255, 255, 255, 0.5); - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); -} - -#workspaces button.urgent { - background-color: #eb4d4b; - color: #ffffff; - box-shadow: 0 0 12px rgba(235, 77, 75, 0.8); -} - -#mode { - background-color: #64727d; - padding: 6px 10px; - /* Added consistent vertical padding */ - margin: 6px 3px; - min-height: 28px; - /* Ensures consistent minimum height */ - border-radius: 8px; - /* Increased border-radius by 2x */ -} - -#clock, -#battery, -#cpu, -#memory, -#temperature, -#backlight, -#network, -#pulseaudio, -#custom-media, -#tray, -#mode, -#idle_inhibitor, -#mpd { - padding: 6px 10px; - /* Added consistent vertical padding for height consistency */ - margin: 6px 3px; - color: rgba(0, 0, 0, 0.4); - min-height: 28px; - /* Ensures consistent minimum height */ - border-radius: 8px; - /* Increased border-radius by 2x */ -} - -#window { - margin: 6px 4px; - /* Added vertical margins to match other modules */ - padding: 6px 10px; - /* Added consistent vertical padding */ - min-height: 28px; - /* Ensures consistent minimum height */ - border-radius: 8px; - /* Increased border-radius by 2x */ -} - -#workspaces { - margin: 1px 3px; - /* Reduced vertical margins */ - padding: 6px 8px 6px 8px; - /* Reduced vertical padding to 0, kept horizontal padding */ - background-color: rgba(0, 0, 0, 0.4); - border-radius: 8px; - /* Increased border-radius by 2x */ - min-height: 3px; - /* Reduced height even more */ -} - -/* If workspaces is the leftmost module, use smaller left margin */ -.modules-left>widget:first-child>#workspaces { - margin-left: 4px; - /* Keep some margin from left screen edge */ -} - -/* If workspaces is the rightmost module, omit right margin */ -.modules-right>widget:last-child>#workspaces { - margin-right: 0; -} - -#clock { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#battery { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#battery.charging { - color: #ffffff; - background-color: rgba(0, 0, 0, 0.4); -} - -#battery.critical:not(.charging) { - background-color: #f53c3c; - color: #ffffff; - box-shadow: 0 0 12px rgba(245, 60, 60, 0.8); -} - -label:focus { - background-color: rgba(0, 0, 0, 0.4); -} - -#cpu { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#memory { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#backlight { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#network { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#network.disconnected { - background-color: #f53c3c; -} - -#pulseaudio { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#pulseaudio.muted { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#custom-media { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; - padding: 6px 10px; - /* Added consistent vertical padding */ - min-height: 28px; - /* Ensures consistent minimum height */ - border-radius: 8px; - /* Increased border-radius by 2x */ - min-width: 100px; -} - -#custom-media.custom-spotify { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#custom-media.custom-vlc { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#temperature { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#temperature.critical { - background-color: #eb4d4b; - color: #ffffff; -} - -#custom-temps { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; - padding: 6px 10px; - /* Added consistent vertical padding */ - margin: 6px 3px; - min-height: 28px; - /* Ensures consistent minimum height */ - border-radius: 8px; - /* Increased border-radius by 2x */ -} - -#tray { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#idle_inhibitor { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#idle_inhibitor.activated { - background-color: #ffffff; - color: #000000; -} - -#mpd { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#mpd.disconnected { - background-color: #f53c3c; - color: #ffffff; -} - -#mpd.stopped { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#mpd.paused { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#language { - background: rgba(0, 0, 0, 0.4); - color: #ffffff; - padding: 6px 10px; - /* Standardized vertical padding */ - margin: 6px 3px; - min-height: 28px; - /* Ensures consistent minimum height */ - border-radius: 8px; - /* Increased border-radius by 2x */ - min-width: 28px; - /* Increased for consistency */ -} - -#custom-weather, -#custom-wallpaper, -#custom-power_profile, -#custom-battery, -#bluetooth, -#pulseaudio-microphone, -#battery-bat2 { - padding: 6px 10px; - /* Added consistent vertical padding for height consistency */ - margin: 6px 3px; - color: #000000; - min-height: 28px; - /* Ensures consistent minimum height */ - border-radius: 8px; - /* Increased border-radius by 2x */ -} - -#custom-weather { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#custom-wallpaper { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#custom-power_profile { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#bluetooth { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#pulseaudio-microphone { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#pulseaudio-microphone.muted { - background-color: rgba(0, 0, 0, 0.4); - color: #ffffff; -} - -#battery-bat2 { - background-color: rgba(0, 0, 0, 0.4); - color: white; -} - -#battery-bat2.charging { - color: #ffffff; - background-color: rgba(0, 0, 0, 0.4); -} - -#battery-bat2.critical:not(.charging) { - background-color: #f53c3c; - color: #ffffff; - box-shadow: 0 0 12px rgba(245, 60, 60, 0.8); -} diff --git a/style.css b/style.css new file mode 120000 index 0000000..79fb6d1 --- /dev/null +++ b/style.css @@ -0,0 +1 @@ +style/[Pywal] Minimal.css \ No newline at end of file diff --git a/style/[Black & White] Monochrome.css b/style/[Black & White] Monochrome.css new file mode 100644 index 0000000..d4ee32d --- /dev/null +++ b/style/[Black & White] Monochrome.css @@ -0,0 +1,235 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Black & White MonoChrome */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background: transparent; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + background-color: transparent; +} + +tooltip { + color: white; + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: white; +} + +tooltip label{ + color: #cdd6f4; +} +/*-----module groups----*/ +.modules-right { + background-color: black; + color: white; + border-bottom: 1px; + border-style: solid; + border-color: white; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-center { + background-color: black; + color: white; + border-bottom: 1px; + border-style: solid; + border-color: white; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-left { + background-color: black; + color: white; + border-bottom: 1px; + border-style: solid; + border-color: white; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +/*-----modules indv----*/ +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} +#workspaces button:hover { + color: white; + background-color: rgba(0,153,153,0.2); + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: white; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.persistent { + border-radius: 10px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} +/*-----Indicators----*/ +#idle_inhibitor.activated { + color: #2dcc36; +} +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + color: #cc3436; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#taskbar button.active { + background-color: #7f849c; + padding-left: 6px; + padding-right: 6px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Catppuccin] Latte.css b/style/[Catppuccin] Latte.css new file mode 100644 index 0000000..3f34407 --- /dev/null +++ b/style/[Catppuccin] Latte.css @@ -0,0 +1,312 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Catppuccin Latte */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +@import "../waybar/style/catppuccin-themes/latte.css"; + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + /*background: transparent;*/ + border-bottom: 2px solid @sapphire; + background: @theme_base_color; + border-radius: 10px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +#waybar.empty #window { + background: none; +} + +/* This section can be use if you want to separate waybar modules*/ +/* Remember to set transparent on waybar above */ +/*.modules-left, .modules-center, .modules-right { */ +/* background: @theme_base_color; */ +/* border: 0.5px solid @overlay0; */ +/* padding: 0px 5px; */ +/* border-radius: 10px; */ +/*} */ + +/* .modules-left, .modules-right { */ +/* border: 1px solid @blue; */ +/* margin: 0px 5px;*/ +/*}*/ + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power, +#custom-speaker, +#custom-power_vertical, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#idle_inhibitor { + color: @blue; +} + +#backlight { + color: @blue; +} + +#battery { + color: @green; +} + +@keyframes blink { + to { + color: @surface0; + } +} + +#battery.critical:not(.charging) { + background-color: @red; + color: @theme_text_color; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; + box-shadow: inset 0 -3px transparent; +} + +#bluetooth { + color: @blue; +} + +#clock { + color: @yellow; +} + +#cpu { + color: @green; +} + +#custom-keyboard, +#memory { + color: @sky; +} + +#disk { + color: @sapphire; +} + +#temperature { + color: @teal; +} + +#temperature.critical { + background-color: @red; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} +#tray > .needs-attention { + -gtk-icon-effect: highlight; +} + +#keyboard-state { + color: @flamingo; +} + +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + border-radius: 10px; + color: @overlay0; + background-color: @surface0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.persistent { + color: @surface1; + border-radius: 10px; +} + +#workspaces button.active { + color: @peach; + border-radius: 10px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + color: @red; + border-radius: 0px; +} + +#taskbar button.active { + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} +#custom-cava_mviz { + color: @pink; +} + +#custom-menu { + color: @rosewater; +} + +#custom-power { + color: @red; +} + +#custom-updater { + color: @red; +} + +#custom-light_dark { + color: @blue; +} + +#custom-weather { + color: @lavender; +} + +#custom-lock { + color: @maroon; +} + +#pulseaudio { + color: @sapphire; +} + +#pulseaudio.bluetooth { + color: @pink; +} +#pulseaudio.muted { + color: @red; +} + +#window { + color: @mauve; +} + +#custom-waybar-mpris { + color:@lavender; +} + +#network { + color: @teal; +} +#network.disconnected, +#network.disabled { + background-color: @surface0; + color: @text; +} +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Catppuccin] Mocha.css b/style/[Catppuccin] Mocha.css new file mode 100644 index 0000000..5ce97ea --- /dev/null +++ b/style/[Catppuccin] Mocha.css @@ -0,0 +1,316 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Catppuccin Mocha */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +@import "../waybar/style/catppuccin-themes/mocha.css"; + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + background: transparent; + /*border: 2px solid @overlay0;*/ + /*background: @theme_base_color;*/ + border-radius: 10px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +#waybar.empty #window { + background: none; +} + +/* This section can be use if you want to separate waybar modules */ +.modules-left, .modules-center, .modules-right { + background: @theme_base_color; + border: 0.5px solid @overlay0; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + border-radius: 10px; + +} + +.modules-left, .modules-right { + border: 1px solid @blue; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#idle_inhibitor { + color: @blue; +} + +#bluetooth, +#backlight { + color: @blue; +} + +#battery { + color: @green; +} + +@keyframes blink { + to { + color: @surface0; + } +} + +#battery.critical:not(.charging) { + background-color: @red; + color: @theme_text_color; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; + box-shadow: inset 0 -3px transparent; +} + +#clock { + color: @yellow; +} + +#cpu { + color: @green; +} + +#custom-keyboard, +#memory { + color: @sky; +} + +#disk { + color: @sapphire; +} + +#temperature { + color: @teal; +} + +#temperature.critical { + background-color: @red; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} +#tray > .needs-attention { + -gtk-icon-effect: highlight; +} + +#keyboard-state { + color: @flamingo; +} + +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + border-radius: 10px; + color: @overlay0; + background-color: @surface0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.persistent { + color: @surface1; + border-radius: 10px; +} + +#workspaces button.active { + color: @peach; + border-radius: 10px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + color: @red; + border-radius: 0px; +} + +#taskbar button.active { + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#custom-cava_mviz { + color: @pink; +} + +#custom-menu { + color: @rosewater; +} + +#custom-power { + color: @red; +} + +#custom-updater { + color: @red; +} + +#custom-light_dark { + color: @blue; +} + +#custom-weather { + color: @lavender; +} + +#custom-lock { + color: @maroon; +} + +#pulseaudio { + color: @sapphire; +} + +#pulseaudio.bluetooth { + color: @pink; +} +#pulseaudio.muted { + color: @red; +} + +#window { + color: @mauve; +} + +#custom-waybar-mpris { + color:@lavender; +} + +#network { + color: @teal; +} +#network.disconnected, +#network.disabled { + background-color: @surface0; + color: @text; +} +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/style/[Colored] Chroma Glow.css b/style/[Colored] Chroma Glow.css new file mode 100644 index 0000000..1a995de --- /dev/null +++ b/style/[Colored] Chroma Glow.css @@ -0,0 +1,360 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Chroma Glow */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background-color: transparent; + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; + border-radius: 10px; +} + +window#waybar.hidden { + opacity: 0.1; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + background-color: transparent; +} + +tooltip { + color: #40a02b; + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; +} + +tooltip label{ + color: #cdd6f4; +} + +#workspaces button { + background-color: transparent; + color: grey; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + background-color: transparent; + color: #D3D3D3; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); + color: #D3D3D3; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + background-color: #bbccdd; + color: #323232; + /* box-shadow: inset 0 -3px #ffffff; */ +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#window, +#workspaces { +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { +} + +#clock { + color: #fe640b; +} + +#custom-updater { + color: #7287fd; +} + +#battery { + color: #32CD32; +} + +/* #battery.charging { + color: #ffffff; + background-color: #26A65B; +} */ + +@keyframes blink { + to { + background-color: #ffffff; + color: #333333; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#custom-keyboard, +#custom-menu{ + color: yellow; + /*padding: 3px;*/ +} + +#cpu { + color: blue; +} + +#memory { + color: green; +} + +#custom-light_dark, +#backlight { + color: white; +} + +#bluetooth { + color: blue; +} + +#network { + color: #dd7878; +} + +#network.disconnected { + color: #df3320; +} + +#custom-swaync, +#custom-keybinds { + color: #1e66f5; +} + +#wireplumber, +#pulseaudio { + color: green; +} + +#wireplumber.muted, +#pulseaudio.muted { + color: grey; +} + +#custom-power { + color: red; +} + +#keyboard-state { + color: #dd7878; +} + +#disk { + color: brown; +} + +#custom-weather { + color: #df8e1d; +} + +#custom-lock { + color: #ffa000; +} + +#temperature { + color: #FF5349; +} + +#temperature.critical { + background-color: #ff0000; +} + +#tray { + /* background-color: #505050; */ +} + +#idle_inhibitor { + color: #ADD8E6; + /*background-color: #2d3436;*/ +} + +#idle_inhibitor.activated { + /*background-color: #ecf0f1;*/ + color: #2dcc36; + /*color: #2d3436;*/ +} + +#taskbar button.active { + background-color: #7f849c; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#mpd { + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#custom-language { + color: #7da6ff; + min-width: 16px; +} + +#custom-separator { + color: #606060; +} +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Colored] Translucent.css b/style/[Colored] Translucent.css new file mode 100644 index 0000000..37931d5 --- /dev/null +++ b/style/[Colored] Translucent.css @@ -0,0 +1,375 @@ +@define-color critical #ff0000; /* critical color */ +@define-color warning #f3f809; /* warning color */ +@define-color fgcolor #ffffff; /* foreground color */ +@define-color bgcolor #303030; /* background color */ +@define-color bgcolor #222436; /* background color */ +@define-color alert #df3320; + +@define-color accent1 #ff7a93; +@define-color accent2 #b9f27c; +@define-color accent3 #ff9e64; +@define-color accent4 #bb9af7; +@define-color accent5 #7da6ff; +@define-color accent6 #0db9d7; + +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Translucent */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background-color: rgba(0,0,0,0.3); + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; + border-radius: 10px; +} + +window#waybar.hidden { + opacity: 0.1; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +tooltip { + background: #1e1e2e; + opacity: 0.6; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; +} + +#workspaces button { + background-color: transparent; + color: #ffffff; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + background-color: transparent; + color: @accent1; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); + color: @accent3; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + background-color: #bbccdd; + color: @accent2; + /* box-shadow: inset 0 -3px #ffffff; */ +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { +} + +#clock { + color: @accent2; +} + +#custom-updater { + color: #7287fd; +} + +#battery { + color: @accent5; +} + +/* #battery.charging { + color: #ffffff; + background-color: #26A65B; +} */ + +@keyframes blink { + to { + background-color: #ffffff; + color: #333333; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#custom-menu{ + color: #FFFFFF; + /*padding: 3px;*/ +} + +#custom-keyboard, +#cpu { + color: @accent1; +} + +#memory { + color: @accent3; +} + +#backlight { + color: #cdd6f4; +} + +#bluetooth { + color: #1e66f5; +} + +#network { + color: @accent3; +} + +#network.disconnected { + color: @alert; +} + +#pulseaudio { + color: @accent4; +} + +#pulseaudio-muted { + color: @accent2; +} +#wireplumber { + color: @accent4; +} + +#wireplumber-muted { + color: @accent2; +} + +#pluseaudio-source-muted{ + color: #a0a0a0; +} + +#custom-power { + color: #cc3436; +} + +#disk { + color: @accent5; +} +#custom-power_profile { + color: @accent3; +} +#custom-media { + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; +} + +#custom-weather { + color: #66cc99; +} + +#custom-lock { + color: #ffa000; +} + +#keyboard-state, +#temperature { + color: @accent6; + /* background-color: #f0932b; */ +} + +#temperature.critical { + background-color: @critical; +} + +#tray { + /* background-color: #505050; */ +} + +#idle_inhibitor { + color: #f9e2af; + /*background-color: #2d3436;*/ +} + +#idle_inhibitor.activated { + /*background-color: #ecf0f1;*/ + color: #2dcc36; + /*color: #2d3436;*/ +} + +#taskbar button.active { + background-color: #7f849c; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#mpd { + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#custom-language { + color: @accent5; + min-width: 16px; +} + +#custom-separator { + color: #606060; +} +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Colorful] Aurora Blossom.css b/style/[Colorful] Aurora Blossom.css new file mode 100644 index 0000000..d785453 --- /dev/null +++ b/style/[Colorful] Aurora Blossom.css @@ -0,0 +1,233 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Aurora Blossom */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background: transparent; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + background-color: transparent; +} + +tooltip { + color: black; + background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); + opacity: 0.8; + border-radius: 10px; +} + +tooltip label{ + color: black; +} + +/*-----module groups----*/ +.modules-right { + background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); + color: black; + border-radius: 6px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-center { + background-image: linear-gradient(0deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); + color: black; + border-radius: 6px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-left { + background-image: linear-gradient(225deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); + color: black; + border-radius: 6px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +/*-----modules indv----*/ +#workspaces button { + color: black; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} +#workspaces button:hover { + color: grey; + background-color: rgba(0,153,153,0.2); + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: grey; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.persistent { + border-radius: 10px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 5px; + padding-left: 5px; +} +#custom-power { + padding: 1px 3px; +} +/*-----Indicators----*/ +#idle_inhibitor.activated { + color: #2dcc36; +} +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + color: #cc3436; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#taskbar button.active { + color: black; + background-color: #7f849c; + padding-left: 6px; + padding-right: 6px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button, +#taskbar button:hover { + color: black; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + background-color: #7f849c; + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + background-color: #7f849c; + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Colorful] Aurora.css b/style/[Colorful] Aurora.css new file mode 100644 index 0000000..3c17abf --- /dev/null +++ b/style/[Colorful] Aurora.css @@ -0,0 +1,231 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Aurora */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background: transparent; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + background-color: transparent; +} + +tooltip { + color: black; + background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); + opacity: 0.8; + border-radius: 10px; +} + +tooltip label{ + color: black; +} +/*-----module groups----*/ +.modules-right { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-center { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-left { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +/*-----modules indv----*/ +#workspaces button { + color: black; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} +#workspaces button:hover { + color: grey; + background-color: rgba(0,153,153,0.2); + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: grey; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.persistent { + border-radius: 10px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power, +#custom-power_vertical, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + background-image: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%); + color: black; + border: 1px; + border-style: solid; + border-radius: 4px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 6px; + padding-left: 6px; +} + +#custom-power { + padding-left: 10px; + padding-right: 2px; +} + +/*-----Indicators----*/ +#idle_inhibitor.activated { + color: #2dcc36; +} +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + color: #cc3436; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#taskbar button.active { + color: black; + background-color: #7f849c; + padding-left: 6px; + padding-right: 6px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button, +#taskbar button:hover { + color: black; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + background-color: #7f849c; + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + background-color: #7f849c; + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Colorful] Rainbow Spectrum.css b/style/[Colorful] Rainbow Spectrum.css new file mode 100644 index 0000000..df8808b --- /dev/null +++ b/style/[Colorful] Rainbow Spectrum.css @@ -0,0 +1,342 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Rainbow Spectrum */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + /* Transparent waybar. Make sure to comment out background-color: and border: */ + background-color: rgba(0,0,0,0); + /* background-color: #1e1e2e; */ + /* border: 2px solid #313244; */ + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +tooltip { + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; +} + +tooltip label{ + color: #cdd6f4; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + border-radius: 16px; + color: #3A3B3C; + border: 1px solid #b4befe; + padding-top: 3px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; +} + +#backlight { + background-color: #cba6f7; +} + +#taskbar { + color: #ffffff; +} + +#taskbar button.active { + background-color: #7f849c; +} + +#battery { + background-color: #f9e2af; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f38ba8; + color: #f38ba8; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#clock { + background-color: #a6e3a1; +} + +#mpris { + background-color: #fab387; + color: black; +} +#custom-keyboard, +#keyboard-state, +#keyboard-state label, +#keyboard-state label.locked, +#cpu { + background-color: #89dceb; +} + +#memory { + background-color: #eba0ac; +} + +#disk { + background-color: #b4befe; +} + +#tray { + background-color: #b4befe; +} +#tray > .passive { + -gtk-icon-effect: dim; +} +#tray > .needs-attention { + -gtk-icon-effect: highlight; +} + +#workspaces button { + background-color: #d9e0ee; + color: #3A3B3C; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + background-color: #eba0ac; + color: #3A3B3C; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + background: #eb6f92; + color: #f6c177; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button { + border-radius: 8px; + background-color: #74c7ec; + color: #3A3B3C; +} + +#taskbar button.active { + background-color: #b4befe; + color: #3A3B3C; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#custom-menu { + background-color: #f5c2e7; + /*padding: 1px;*/ + padding-right: 10px; + border-radius: 16px; + color: #3A3B3C; + border: 1px solid #b4befe; +} + +#custom-power { + background-color: #f38ba8; + padding: 0px 0px 0px 6px; +} + +#custom-updater { + background-color: #e6ed7b; +} + +#custom-cycle_wall { + background-color: #94e2d5; +} + +#custom-swaync, +#custom-weather { + background-color: #cba6f7; +} + +#wireplumber { + background-color: #a6e3a1; +} + +#wireplumber.muted { + background-color: #313244; + color: #cdd6f4; +} + +#custom-lock { + background-color: #89dceb; +} + +#temperature { + background-color: #86b4fa; +} + +#temperature.critical { + background-color: red; +} + +#custom-power_vertical, +#custom-light_dark, +#idle_inhibitor { + background-color: #86b4fa; +} + +#bluetooth { + background-color: #89dceb; +} +#window { + background-color: #89dceb; +} + +#custom-hint, +#pulseaudio { + background-color: #fab387; +} + +#pulseaudio.bluetooth { + background-color: #f5c2e7; +} +#pulseaudio.muted { + background-color: #313244; + color: #cdd6f4; +} + +#network { + background-color: #89b4fa; +} +#network.disconnected,#network.disabled { + background-color: #313244; + color: #cdd6f4; +} +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Dark] Golden Noir.css b/style/[Dark] Golden Noir.css new file mode 100644 index 0000000..00baff3 --- /dev/null +++ b/style/[Dark] Golden Noir.css @@ -0,0 +1,249 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ...........................................*/ +/* ...............Golden Noir................ */ +/* .......................................... */ +/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 1px; +} + +window#waybar { + background: #040406; + border-radius: 30px; + color: #cba6f7; + +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty { + background-color: #040406; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ + /* transparent */ + background-color: transparent; +} + + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #ffd700; +} + +/*-----module groups----*/ +.modules-right { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + +} + +.modules-center { + border-left: 1px solid #ffd700; + border-right: 1px solid #ffd700; + border-radius: 20px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-left { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#workspaces button { + color: #6E6A86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: #ffd700; + border-radius: 50%; + background-color: black; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: #ffd700; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#clock#2 { + color: #cba6f7; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: #e5d9f5; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: rgb(47, 46, 46); + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: #ba5663; +} \ No newline at end of file diff --git a/style/[Dark] Half-Moon.css b/style/[Dark] Half-Moon.css new file mode 100644 index 0000000..888ca92 --- /dev/null +++ b/style/[Dark] Half-Moon.css @@ -0,0 +1,296 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ....................................*/ +/* ..........Half Moon.................. */ +/* NOTE: This is only for some waybar configs */ +/* --- ๐Ÿ‘ shared by https://github.com/TomekBobrowicz ๐Ÿ‘ --- */ + +* { +font-size: 97%; +font-family: "JetBrainsMono Nerd Font", "Font Awesome", sans-serif; +font-weight: bold; +} + +window#waybar { + background-color: rgba(26,27,38,0); + border-bottom: 1px solid rgba(26,27,38,0); + border-radius: 0px; + color: #E6B673; +} + +#taskbar, +#workspaces { + background: #0F1419; + margin: 5px; + padding: 0px 1px; + border-radius: 15px; + border: 0px; + font-style: normal; + color: #0F1419; +} + +#taskbar button, +#workspaces button { + padding: 0px 5px; + margin: 4px 3px; + border-radius: 15px; + border: 0px; + color: #0F1419; + background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); + opacity: 0.5; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + padding: 0px 5px; + margin: 4px 3px; + border-radius: 15px; + border: 0px; + color: #0F1419; + background: linear-gradient(45deg, #59C2FF, #D2A6FF); + opacity: 1.0; + min-width: 40px; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + border-radius: 15px; + color: #0F1419; + background: linear-gradient(45deg, #59C2FF, #D2A6FF); + opacity: 0.8; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + +} +@keyframes gradient_horizontal { +0% { + background-position: 0% 50%; + } +50% { + background-position: 100% 50%; + } +100% { + background-position: 0% 50%; + } +} + +@keyframes swiping { +0% { + background-position: 0% 200%; + } +100% { + background-position: 200% 200%; + } +} + +tooltip { +background: #0F1419; +border: 1px solid #D2A6FF; +border-radius: 10px; +} + +tooltip label { +color: #F3F4F5; +} + +#window { + color: #E6E1CF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#temperature, +#memory { + color: #E6B673; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-light_dark, +#custom-swaync, +#idle_inhibitor, +#clock { + color: #B8CC52; + background: #0F1419; + + +} + +#bluetooth { + color: blue; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-cycle_wall, +#cpu { + color: #F3F4F5; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#disk { + color: #B8CC52; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#backlight, +# { + color: #F07178; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#backlight { + color: white; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#network { + color: #FF8F40; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-hyprbindings { + color: #D2A6FF; + background: #0F1419; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#tray { + color: #E6E1CF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#pulseaudio, #battery { + color: #59C2FF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-notification { + color: #95E6CB; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-weather { + color: #59C2FF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-menu { + color: #59C2FF; + background: #0F1419; + border-radius: 0px 15px 50px 0px; + margin: 5px 5px 5px 0px; + padding: 1px 15px; +} + +#custom-power { + color: #D2A6FF; + background: #0F1419; + border-radius: 15px 0px 0px 50px; + margin: 5px 0px; + padding: 2px 5px 2px 15px; +} + +#custom-lock { + color: red; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#keyboard-state { + color: green; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6E6A86; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: purple; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: #6E6A86; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: purple; +} \ No newline at end of file diff --git a/style/[Dark] Latte-Wallust combined.css b/style/[Dark] Latte-Wallust combined.css new file mode 100644 index 0000000..cf03cab --- /dev/null +++ b/style/[Dark] Latte-Wallust combined.css @@ -0,0 +1,161 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Catppuccin Latte - Wallust */ +/* Original Design by DC user mannatsingh */ + +@define-color white #F2F2F2; +@define-color black #000000; +@define-color text #FFFFFF; +@define-color lightgray #686868; +@define-color darkgray #353535; + +@define-color transparent rgba(1, 1, 1, 0.5); +@define-color teal-trans rgba(1, 117, 84, 0.5); +@define-color cyan rgba(53, 140, 169, 1); + +@define-color background-module @transparent; +@define-color border-color @color9; +@define-color button-color @color11; +@define-color button-hover @color12; + +@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../waybar/style/catppuccin-themes/latte.css"; + +@define-color main-color @color13; + +* { + font: bold 13px "JetBrainsMono Nerd Font Propo"; + border: none; + border-radius: 0px; + box-shadow: none; + text-shadow: none; +} + +window#waybar { + background: alpha(@background, 0.3); + border-radius: 10px; +} + +#window { + padding: 2px 10px; + margin: 4px 2px 4px 4px; + background: alpha(@background, 0.3); + border-radius: 10px; + color: lighter(@main-color); +} + +tooltip { + background: alpha(@background, 0.3); + border: 2px solid alpha(lighter(@main-color), 0.3); + border-radius: 10px; +} + +tooltip label { + color: @foreground; +} + +#custom-arrow-right { + color: @main-color; + margin: 0px 4px; +} + +#cpu, +#memory, +#disk, +#custom-updates { + padding: 0px 6px; + margin: 8px 4px; + background: alpha(darker(@main-color), 0.3); + color: @main-color; + border-radius: 10px; +} + +#workspaces { + margin: 4px 4px; + background: alpha(@background, 0.5); + border-radius: 10px; +} + +#workspaces button { + padding: 0px 4px; + margin: 4px 4px; + color: alpha(@foreground, 0.5); +} + +#workspaces button.active { + transition: color 0.5s; + color: lighter(@main-color); +} + +#workspaces button.urgent, +#workspaces button:hover { + color: @color5; + background-color: transparent; +} + +#control-center { + padding: 0px 8px; + margin: 8px 4px; + color: lighter(@main-color); + background: alpha(@background, 0.3); + border-radius: 10px; +} + +#bluetooth, +#network, +#pulseaudio { + padding: 0px 0 0 4px; +} + +#pulseaudio-slider slider { + min-height: 0px; + min-width: 0px; + background-color: transparent; + border: none; + box-shadow: none; +} + +#pulseaudio-slider { + margin: 10px; +} + +#pulseaudio-slider highlight { + border-radius: 8px; + background-color: lighter(@main-color); +} + +#language { + padding: 0px 3px 2px 0px; +} + +#custom-arrow-left { + color: lighter(@main-color); + margin: 0px 4px; +} + +#custom-notifications, +#custom-weather, +#custom-theme-switcher { + padding: 0px 8px; + margin: 8px 4px; + color: @main-color; + background: alpha(darker(@main-color), 0.3); + border-radius: 10px; +} + +#clock { + padding: 0px 8px; + margin: 4px 2px 4px 2px; + background: alpha(@background, 0.3); + border-radius: 10px; + color: lighter(@main-color); +} + +#power { + background: alpha(@main-color, 0.3); + border-radius: 10px; + margin: 4px; +} + +#battery { + padding: 0px 8px; +} diff --git a/style/[Dark] Purpl.css b/style/[Dark] Purpl.css new file mode 100644 index 0000000..099c5c1 --- /dev/null +++ b/style/[Dark] Purpl.css @@ -0,0 +1,176 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/*DARK_PURPLE*/ + + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +@define-color main-color @color15; +* { + all: unset; /*this is really important to isolate waybar from gtk*/ + font: bold 14px "Iosevka Nerd Font Propo" ; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + border: none; + + border-radius: 0; + box-shadow: none; + text-shadow: none; +} + + +window#waybar { + + /*background: alpha(@background, 0.1);*/ + background: rgba (0, 0, 0, 0.6); + border-radius: 5px; + /*border: 0px solid alpha(@background,0.8);*/ +} + +#window { + padding: 0px 8px; + margin: 5px 4px 5px 4px; + background: alpha(@color12, 0.3); + border-radius: 5px; + color: lighter(@main-color); +} + +tooltip { + background: alpha(@background, 0.8); + border: 2px solid alpha(lighter(@main-color), 0.8); + border-radius: 10px; +} + +tooltip label { + color: @freground; +} + +#custom-arrow-right { + color: @main-color; + margin: 0px 4px; +} + +#cpu, +#memory, +#temperature, +#disk, +#custom-updates { + padding: 0px 6px; + margin: 6px 4px; + background: alpha(darker(@main-color), 0.4); + color: @main-color; + border-radius: 10px; +} + +#workspaces { + margin: 4px 4px; + background: alpha(lighter(@color4), 0.09); + border-radius: 5px; +} + +#workspaces button { + padding: 0px 4px; + margin: 0px 0px; + color: alpha(@foreground, 0.3); +} + +#workspaces button.active { + transition: color 0.5s; + color: lighter(@main-color); + +} + + +#workspaces button.urgent, +#workspaces button:hover { + color: @color12; + background-color: transparent; +} +#demo, +#control-center { + padding: 0px 6px; + margin: 4px 2px 4px 2px ; + color: lighter(@color3); + background: alpha(lighter(@main-color),0.08); + border-radius: 5px; +} + +#bluetooth, +#network, +#pulseaudio { + padding: 0px 0 0 4px; +} + +#pulseaudio-slider slider { + min-height: 0px; + min-width: 0px; + background-color: transparent; + border: none; + box-shadow: none; +} + +#pulseaudio-slider { + margin: 6px; +} + +#pulseaudio-slider highlight { + border-radius: 8px; + background-color: lighter(@main-color); +} + +#language { + padding: 0px 3px 2px 0px; +} + +#custom-arrow-left { + color: lighter(@main-color); + margin: 0px 4px; +} + +#custom-notifications, +#custom-weather, +#custom-theme-switcher { + padding: 0px 8px; + margin: 8px 4px; + color: @main-color; + background: alpha(darker(@main-color), 0.8); + border-radius: 10px; +} +#tray { + padding: 0px 8px; + margin: 4px 2px 4px 2px; + background: alpha(@color12,0.3); + border-radius: 5px; + color: lighter(@main-color); +} + +#custom-menu, +#custom-power { + padding: 0px 8px; + margin: 6px 6px 6px 4px; + background: alpha(@color12,0.3); + border-radius: 5px; + color: lighter(@main-color); +} + + +#clock { + padding: 0px 8px; + margin: 5px 2px 5px 4px; + background: alpha(@color12,0.3); + border-radius: 5px; + color: lighter(@main-color); +} + +#power, +#bluetooth, + + +#mpd, +#pulseaudio, + +#battery, + + +#mpris{ + padding: 4px 4px; + color: lighter(@main-color); +} diff --git a/style/[Dark] Wallust Obsidian Edge.css b/style/[Dark] Wallust Obsidian Edge.css new file mode 100644 index 0000000..526547f --- /dev/null +++ b/style/[Dark] Wallust Obsidian Edge.css @@ -0,0 +1,238 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Dark - Obsidian Edge */ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background: black; + border-radius: 12px; +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +tooltip { + color: @foreground; + background: rgba(0, 0, 0, 0.8); + border-radius: 10px; +} + +tooltip label { + color: @foreground; + padding-right: 2px; + padding-left: 2px; +} + +/*-----module groups----*/ +.modules-right { + border: 0px solid #b4befe; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-center { + border: 0px solid #b4befe; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-left { + border: 0px solid #b4befe; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#workspaces button { + color: @color2; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: @foreground; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: #9CCFD8; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: @foreground; + border-radius: 8px; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: #7f849c; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/style/[Extra] Crimson.css b/style/[Extra] Crimson.css new file mode 100644 index 0000000..c6530e1 --- /dev/null +++ b/style/[Extra] Crimson.css @@ -0,0 +1,239 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ....................................*/ +/* ..........Crimson.................. */ +/* ................................... */ +/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +*{ +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: #240303; + color: wheat; + border-radius: 0px 0px 100px 100px; + border: 1px solid grey; +} + +window#waybar.hidden { + opacity: 0.5; +} +window#waybar.empty { + +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +tooltip { + background: #240303; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: wheat; +} + +/*-----module groups----*/ +.modules-right { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-center { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-left { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#workspaces button { + color: wheat; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: rgb(108, 18, 18); + background-color: #000000; + border: 1px solid grey; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: rgb(71, 14, 14); + background-color: #000000; + border-radius: 15px; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: wheat; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: rgb(128, 31, 31); + border-radius: 8px; + border: 1px solid grey; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: #ba5663; +} + + \ No newline at end of file diff --git a/style/[Extra] Mauve.css b/style/[Extra] Mauve.css new file mode 100644 index 0000000..685025f --- /dev/null +++ b/style/[Extra] Mauve.css @@ -0,0 +1,258 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ..........................................*/ +/* .......Mauve....................... */ +/* ......................................... */ +/* --- ๐Ÿ‘ designed by https://github.com/CelestiaKai ๐Ÿ‘ --- */ + +* { + font-family: "FiraCode Mono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 2px; +} + +window#waybar { + background: #11111b; + color: #cba6f7; + /* background-color: transparent; */ +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty { + background-color: transparent; + background: #11111b; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ + /* transparent */ + background-color: transparent; +} + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #cba6f7; +} + +/*-----module groups----*/ +.modules-right { + border: 3px solid #11111b; + border-radius: 10px 10px 10px 10px; + background-color: #1e1e2e; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-center { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-left { + /*background-color: #1e1e2e;*/ + border: 3px solid #11111b; + border-radius: 10px 10px 10px 10px; + background-color: #1e1e2e; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#workspaces button { + color: #6E6A86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: #1e1e1e; + border-radius: 30%; + background-color: #cba6f7; + padding-left: 6px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active:hover { + color: #1e1e1e; + border-radius: 30%; + background-color: #cba6f7; + border: 0px solid #1e1e2e; + padding-left: 6px; + padding-right: 8px; +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + border-radius: 30%; + background-color: #cba6f7; + color: #1e1e1e; +} + +#workspaces button:hover { + color: #1e1e1e; + border: 3px solid #1e1e2e; + background-color: #cba6f7; + border-radius: 30%; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: whitesmoke; + padding-top: 1px; + padding-bottom: 1px; + padding-right: 6px; + padding-left: 6px; + +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: purple; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6E6A86; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: purple; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: #6E6A86; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: purple; +} diff --git a/style/[Extra] Rose Pine.css b/style/[Extra] Rose Pine.css new file mode 100644 index 0000000..783ea1d --- /dev/null +++ b/style/[Extra] Rose Pine.css @@ -0,0 +1,208 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Rose Pine */ + + +@define-color bar-bg rgba(0, 0, 0, 0); +@define-color main-bg #26233a; +@define-color main-fg #ebbcba; +@define-color wb-act-bg #31748f; +@define-color wb-act-fg #9ccfd8; +@define-color wb-hvr-bg #eb6f92; +@define-color wb-hvr-fg #f6c177; + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + border-radius: 12px; +} + +window#waybar { + background: @bar-bg; +} + +tooltip { + background: @main-bg; + color: @main-fg; + border-radius: 8px; + border-width: 0px; +} + +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-bottom: 2px; + border-color: #2B5D34; + border-style: solid; + border-radius: 10px; + padding-left: 3px; + padding-right: 3px; + background: @main-bg; + color: @main-fg; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + background: @wb-act-bg; + color: @wb-act-fg; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + background: @wb-hvr-bg; + color: @wb-hvr-fg; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-bottom: 2px; + border-color: #2B5D34; + border-style: solid; + border-radius: 10px; + padding-left: 3px; + padding-right: 3px; + color: @wb-color; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active { + background: @wb-act-bg; + color: @wb-act-color; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + background: @wb-hvr-bg; + color: @wb-hvr-color; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#temperature, +#tray, +#window, +#wireplumber, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-swaync, +#custom-cava_mviz, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: @main-fg; + background: @main-bg; + opacity: 1; + border-bottom: 2px; + border-color: #2B5D34; + border-style: solid; + border-radius: 10px; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: @red; +} + +#custom-power { + padding-right: 1px; +} +#group-motherboard, +#group-laptop, +#group-audio { + color: @main-fg; + background-color: @main-bg; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Extra] Simple Pink.css b/style/[Extra] Simple Pink.css new file mode 100644 index 0000000..2f41cbb --- /dev/null +++ b/style/[Extra] Simple Pink.css @@ -0,0 +1,254 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ..........................................*/ +/* .......Simple Pink....................... */ +/* ......................................... */ +/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +* { + font-family: "JetBrains Mono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + +} + +window#waybar { + background: black; + border-radius: 50px; + color: whitesmoke; +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty { + background-color: black; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ + /* transparent */ + background-color: transparent; +} + + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: pink; +} + +/*-----module groups----*/ +.modules-right { + border: 5px solid #19141b; + border-radius: 50px 50px 50px 50px; + background-color: #ba5663; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-center { + background-color: black; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + + +} + +.modules-left { + border: 5px solid #0d0a0f; + border-radius: 50px 50px 50px 50px; + background-color: #ba5663; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#workspaces button { + color: pink; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: whitesmoke; + background-color: pink; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + +} + +#workspaces button.focused { + color: #c42a60; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: #ba5663; + background-color: #0d0a0d; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: whitesmoke; + padding-top: 1px; + padding-bottom: 1px; + padding-right: 4px; + padding-left: 4px; + +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: pink; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + color: #ba5663; + background-color: #0d0a0d; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: pink; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: pink; +} \ No newline at end of file diff --git a/style/[Light] Monochrome Contrast.css b/style/[Light] Monochrome Contrast.css new file mode 100644 index 0000000..9b3d568 --- /dev/null +++ b/style/[Light] Monochrome Contrast.css @@ -0,0 +1,240 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Light - MonoChrome Contrast */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background: transparent; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + background-color: transparent; +} + +tooltip { + color: white; + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: white; +} + +tooltip label{ + color: #cdd6f4; +} +/*-----module groups----*/ +.modules-right { + background-color: white; + color: black; + border-bottom: 2px; + border-style: solid; + border-color: black; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-center { + background-color: white; + color: black; + border-bottom: 2px; + border-style: solid; + border-color: black; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-left { + background-color: white; + color: black; + border-bottom: 2px; + border-style: solid; + border-color: black; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +/*-----modules indv----*/ +#workspaces button { + color: black; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} +#workspaces button:hover { + color: grey; + background-color: rgba(0,153,153,0.2); + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: grey; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.persistent { + border-radius: 10px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} +#custom-power { + padding: 1px 3px; +} +/*-----Indicators----*/ +#idle_inhibitor.activated { + color: #2dcc36; +} +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + color: #cc3436; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#taskbar button.active { + background-color: #7f849c; + padding-left: 6px; + padding-right: 6px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: grey; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Light] Obsidian Glow.css b/style/[Light] Obsidian Glow.css new file mode 100644 index 0000000..c245a59 --- /dev/null +++ b/style/[Light] Obsidian Glow.css @@ -0,0 +1,213 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Light - Obsidian Glow */ + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background: white; + border-radius: 12px; +} + +window#waybar.hidden { + opacity: 0.7; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +tooltip { + background: white; + border-radius: 10px; +} + +tooltip label { + color: #373737; + padding-right: 2px; + padding-left: 2px; +} + +#workspaces button { + color: #585b70; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: #000000; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: #000000; +} + +#workspaces button.urgent { + color: #000000; + border-radius: 10px; +} + +#workspaces button:hover { + color: #000000; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: #000000; + border-radius: 8px; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: #585b70; + color: #cdd6f4; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: grey; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: grey; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: #ba5663; +} \ No newline at end of file diff --git a/style/[Original] Minimal.css b/style/[Original] Minimal.css new file mode 100644 index 0000000..94dbf1c --- /dev/null +++ b/style/[Original] Minimal.css @@ -0,0 +1,342 @@ +* { + border: none; + border-radius: 8px; + /* Increased border-radius by 2x */ + /* `ttf-font-awesome` is required to be installed for icons */ + font-family: "JetBrainsMono Nerd Font"; + + /* adjust font-size value to your liking: */ + font-size: 18px; + font-weight: bold; + min-height: 0; + min-width: 28px; + /* Ensures consistent minimum width */ +} + +window#waybar { + background-color: rgba(0, 0, 0, 0); + color: #ffffff; + margin-top: 8px; + /* Add top margin to prevent touching screen top */ + margin-bottom: 8px; + /* Optional: Also add bottom margin for consistency */ +} + +#workspaces button { + padding: 4px 8px; + /* Reduced vertical padding further */ + margin: 1px 2px; + /* Reduced vertical margins further */ + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.6); + border-radius: 10px; + /* Increased border-radius by 2x */ + transition: all 0.3s ease; + border: 1px solid transparent; + min-height: 4px; + /* Reduced height even more */ + font-size: 8px; + /* Reduced even more */ +} + +#workspaces button:hover { + background-color: rgba(255, 255, 255, 0.2); + color: rgba(0, 0, 0, 0.4); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); +} + +#workspaces button.active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(0, 0, 0, 0.4); + border: 1px solid rgba(255, 255, 255, 0.5); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); +} + +#workspaces button.urgent { + background-color: #eb4d4b; + color: #ffffff; + box-shadow: 0 0 12px rgba(235, 77, 75, 0.8); +} + +#mode { + background-color: #64727d; + padding: 6px 10px; + /* Added consistent vertical padding */ + margin: 6px 3px; + min-height: 28px; + /* Ensures consistent minimum height */ + border-radius: 8px; + /* Increased border-radius by 2x */ +} + +#clock, +#battery, +#cpu, +#memory, +#temperature, +#backlight, +#network, +#pulseaudio, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#mpd { + padding: 6px 10px; + /* Added consistent vertical padding for height consistency */ + margin: 6px 3px; + color: rgba(0, 0, 0, 0.4); + min-height: 28px; + /* Ensures consistent minimum height */ + border-radius: 8px; + /* Increased border-radius by 2x */ +} + +#window { + margin: 6px 4px; + /* Added vertical margins to match other modules */ + padding: 6px 10px; + /* Added consistent vertical padding */ + min-height: 28px; + /* Ensures consistent minimum height */ + border-radius: 8px; + /* Increased border-radius by 2x */ +} + +#workspaces { + margin: 1px 3px; + /* Reduced vertical margins */ + padding: 6px 8px 6px 8px; + /* Reduced vertical padding to 0, kept horizontal padding */ + background-color: rgba(0, 0, 0, 0.4); + border-radius: 8px; + /* Increased border-radius by 2x */ + min-height: 3px; + /* Reduced height even more */ +} + +/* If workspaces is the leftmost module, use smaller left margin */ +.modules-left>widget:first-child>#workspaces { + margin-left: 4px; + /* Keep some margin from left screen edge */ +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right>widget:last-child>#workspaces { + margin-right: 0; +} + +#clock { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#battery { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#battery.charging { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.4); +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + box-shadow: 0 0 12px rgba(245, 60, 60, 0.8); +} + +label:focus { + background-color: rgba(0, 0, 0, 0.4); +} + +#cpu { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#memory { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#backlight { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#network { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#network.disconnected { + background-color: #f53c3c; +} + +#pulseaudio { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#pulseaudio.muted { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#custom-media { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; + padding: 6px 10px; + /* Added consistent vertical padding */ + min-height: 28px; + /* Ensures consistent minimum height */ + border-radius: 8px; + /* Increased border-radius by 2x */ + min-width: 100px; +} + +#custom-media.custom-spotify { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#custom-media.custom-vlc { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#temperature { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#temperature.critical { + background-color: #eb4d4b; + color: #ffffff; +} + +#custom-temps { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; + padding: 6px 10px; + /* Added consistent vertical padding */ + margin: 6px 3px; + min-height: 28px; + /* Ensures consistent minimum height */ + border-radius: 8px; + /* Increased border-radius by 2x */ +} + +#tray { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#idle_inhibitor { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#idle_inhibitor.activated { + background-color: #ffffff; + color: #000000; +} + +#mpd { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#mpd.disconnected { + background-color: #f53c3c; + color: #ffffff; +} + +#mpd.stopped { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#mpd.paused { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#language { + background: rgba(0, 0, 0, 0.4); + color: #ffffff; + padding: 6px 10px; + /* Standardized vertical padding */ + margin: 6px 3px; + min-height: 28px; + /* Ensures consistent minimum height */ + border-radius: 8px; + /* Increased border-radius by 2x */ + min-width: 28px; + /* Increased for consistency */ +} + +#custom-weather, +#custom-wallpaper, +#custom-power_profile, +#custom-battery, +#bluetooth, +#pulseaudio-microphone, +#battery-bat2 { + padding: 6px 10px; + /* Added consistent vertical padding for height consistency */ + margin: 6px 3px; + color: #000000; + min-height: 28px; + /* Ensures consistent minimum height */ + border-radius: 8px; + /* Increased border-radius by 2x */ +} + +#custom-weather { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#custom-wallpaper { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#custom-power_profile { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#bluetooth { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#pulseaudio-microphone { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#pulseaudio-microphone.muted { + background-color: rgba(0, 0, 0, 0.4); + color: #ffffff; +} + +#battery-bat2 { + background-color: rgba(0, 0, 0, 0.4); + color: white; +} + +#battery-bat2.charging { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.4); +} + +#battery-bat2.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + box-shadow: 0 0 12px rgba(245, 60, 60, 0.8); +} diff --git a/style/[Pywal] Minimal.css b/style/[Pywal] Minimal.css new file mode 100644 index 0000000..f4087d5 --- /dev/null +++ b/style/[Pywal] Minimal.css @@ -0,0 +1,248 @@ +/* ---- ๐Ÿ’ซ Pywal Minimal Style ๐Ÿ’ซ ---- */ +/* Integrates Pywal colors with minimal aesthetic */ + +@import '../colors.css'; + +* { + border: none; + border-radius: 8px; + font-family: "JetBrainsMono Nerd Font"; + font-size: 18px; + font-weight: bold; + min-height: 0; + min-width: 28px; +} + +window#waybar { + background-color: rgba(0, 0, 0, 0); + color: @foreground; + margin-top: 8px; + margin-bottom: 8px; +} + +#workspaces button { + padding: 4px 8px; + margin: 1px 2px; + background-color: @color0; + color: @color7; + border-radius: 10px; + transition: all 0.3s ease; + border: 1px solid transparent; + min-height: 4px; + font-size: 8px; +} + +#workspaces button:hover { + background-color: @color8; + color: @foreground; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); +} + +#workspaces button.active { + background-color: @color1; + color: @background; + border: 1px solid @color5; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); +} + +#workspaces button.urgent { + background-color: @color1; + color: @foreground; + box-shadow: 0 0 12px @color1; +} + +#mode { + background-color: @color8; + padding: 6px 10px; + margin: 6px 3px; + min-height: 28px; + border-radius: 8px; +} + +#clock, +#battery, +#cpu, +#memory, +#temperature, +#backlight, +#network, +#pulseaudio, +#custom-media, +#custom-temps, +#tray, +#mode, +#idle_inhibitor, +#mpd { + padding: 6px 10px; + margin: 6px 3px; + background-color: rgba(0, 0, 0, 0.4); + color: @foreground; + min-height: 28px; + border-radius: 8px; +} + +#window { + margin: 6px 4px; + padding: 6px 10px; + background-color: rgba(0, 0, 0, 0.4); + color: @foreground; + min-height: 28px; + border-radius: 8px; +} + +#workspaces { + margin: 1px 3px; + padding: 6px 8px 6px 8px; + background-color: rgba(0, 0, 0, 0.4); + border-radius: 8px; + min-height: 3px; +} + +.modules-left>widget:first-child>#workspaces { + margin-left: 4px; +} + +.modules-right>widget:last-child>#workspaces { + margin-right: 0; +} + +#clock { + color: @color6; + background-color: rgba(0, 0, 0, 0.4); +} + +#battery { + color: @color2; + background-color: rgba(0, 0, 0, 0.4); +} + +#battery.charging, +#battery.plugged { + color: @color2; + background-color: rgba(0, 0, 0, 0.4); +} + +@keyframes blink { + to { + background-color: rgba(255, 255, 255, 0.2); + color: @color1; + } +} + +#battery.critical:not(.charging) { + background-color: @color1; + color: @foreground; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#cpu { + color: @color4; + background-color: rgba(0, 0, 0, 0.4); +} + +#memory { + color: @color5; + background-color: rgba(0, 0, 0, 0.4); +} + +#disk { + color: @color6; + background-color: rgba(0, 0, 0, 0.4); +} + +#backlight { + color: @color3; + background-color: rgba(0, 0, 0, 0.4); +} + +#network { + color: @color6; + background-color: rgba(0, 0, 0, 0.4); +} + +#network.disconnected { + color: @color1; + background-color: rgba(0, 0, 0, 0.4); +} + +#pulseaudio { + color: @color3; + background-color: rgba(0, 0, 0, 0.4); +} + +#pulseaudio.muted { + color: @color1; + background-color: rgba(0, 0, 0, 0.4); +} + +#custom-media { + background-color: rgba(0, 0, 0, 0.4); + color: @color5; +} + +#custom-temps { + background-color: rgba(0, 0, 0, 0.4); + color: @color1; +} + +#temperature { + background-color: rgba(0, 0, 0, 0.4); + color: @color1; +} + +#temperature.critical { + background-color: @color1; + color: @foreground; +} + +#tray { + background-color: rgba(0, 0, 0, 0.4); + color: @foreground; +} + +#tray>.passive { + -gtk-icon-effect: dim; +} + +#tray>.needs-attention { + -gtk-icon-effect: highlight; + background-color: @color1; +} + +#idle_inhibitor { + background-color: rgba(0, 0, 0, 0.4); + color: @color7; +} + +#idle_inhibitor.activated { + background-color: @color7; + color: @background; +} + +#mpd { + background-color: rgba(0, 0, 0, 0.4); + color: @foreground; +} + +#mpd.disconnected { + background-color: rgba(0, 0, 0, 0.4); + color: @color1; +} + +#mpd.stopped { + background-color: rgba(0, 0, 0, 0.4); + color: @color8; +} + +#mpd.paused { + background-color: rgba(0, 0, 0, 0.4); + color: @color3; +} diff --git a/style/[Retro] Simple Style.css b/style/[Retro] Simple Style.css new file mode 100644 index 0000000..ca81168 --- /dev/null +++ b/style/[Retro] Simple Style.css @@ -0,0 +1,157 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Simple Style */ + + +@define-color background #1d2021; +@define-color foreground #ebdbb2; +@define-color dim #928374; +@define-color yellow #fabd2f; +@define-color red #fb4934; +@define-color green #b8bb26; + +* { + background: @background; + border: none; + border-radius: 0; + font-family: "JetBrainsMono Nerd Font"; + font-size: 97%; +} + +window#waybar { + background: @background; + color: @foreground; + transition-property: background-color; + transition-duration: 0.5s; +} + +#taskbar button, +#workspaces button { + color: @foreground; +} + +#taskbar button.active, +#workspaces button.active { + border-bottom: 1px solid @green; +} + +#taskbar button.urgent, +#workspaces button.urgent { + border-bottom: 2px solid @red; +} + +#submap { + border-bottom: 1px solid @red; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: @foreground; + padding: 3px 6px 3px 6px; +} + +#battery.warning, +#disk.warning, +#memory.warning, +#cpu.warning { + border-top: 3px solid @background; + border-bottom: 3px solid @yellow; +} + +#battery.critical, +#disk.critical, +#memory.critical, +#cpu.critical { + border-top: 3px solid @background; + border-bottom: 3px solid @red; +} + +#battery.charging { + border-top: 3px solid @background; + border-bottom: 3px solid @green; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: @dim; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: @green; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: @dim; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: @green; +} diff --git a/style/[Transparent] Crystal Clear.css b/style/[Transparent] Crystal Clear.css new file mode 100644 index 0000000..0003efe --- /dev/null +++ b/style/[Transparent] Crystal Clear.css @@ -0,0 +1,213 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ..........................................*/ +/* .......Crystal Clear....................... */ +/* ......................................... */ +/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +*{ + font-family: "JetBrains Mono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 1px; +} + +window#waybar { + background:transparent; + border-radius: 1px; + color: whitesmoke; +} + +window#waybar.hidden { + opacity: 0.5; +} +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + background-color: transparent; +} + + +/*-----module groups----*/ +.modules-right { + +} + +.modules-center { + +} + +.modules-left { + +} + +#workspaces button { + color: #6E6A86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: whitesmoke; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: whitesmoke; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-spotify, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active { + background-color: #7f849c; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: black; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: wheat; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: black; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: wheat; +} + + \ No newline at end of file diff --git a/style/[Wallust Bordered] Chroma Fusion Edge.css b/style/[Wallust Bordered] Chroma Fusion Edge.css new file mode 100644 index 0000000..b983170 --- /dev/null +++ b/style/[Wallust Bordered] Chroma Fusion Edge.css @@ -0,0 +1,317 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ....Chroma Fusion Edge .... */ +/* Wallust & Catppuccin - Bordered */ + +@define-color white #F2F2F2; +@define-color black #000000; +@define-color text #FFFFFF; +@define-color lightgray #686868; +@define-color darkgray #353535; + +@define-color transparent rgba(0, 0, 0, 0.25); +@define-color teal-trans rgba(1, 117, 84, 0.5); +@define-color cyan rgba(53, 140, 169, 1); + +@define-color background-module @transparent; +@define-color border-color @color9; +@define-color button-color @color11; +@define-color button-hover @color12; + +@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../waybar/style/catppuccin-themes/latte.css"; + +* { + font-family: "JetBrains Mono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + +} + +window#waybar { + background: linear-gradient(0deg, @border-color, black); + /*background: rgba(1, 117, 84, 0.5);*/ + /*background: @transparent;*/ + border-bottom-right-radius: 20px; + border-bottom-left-radius: 20px; + border-top-left-radius: 20px; + border-top-right-radius: 20px; + border:2px solid black; +} + +window#waybar.empty #window { + background-color: transparent; + border: 0px; + +} + +tooltip { + background-color: transparent; + border-radius: 10px; + border-width: 1px; + border-style: solid; + border-color: #11111b; + color: @border-color; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#temperature, +#tray, +#window, +#wireplumber, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + background-color: @background-module; + border-radius: 25px; + padding: 0px 10px 0px 10px; + margin: 5px 5px 5px 5px; + opacity:0.8; + border:2px solid @border-color; + +} +#custom-power { + color: @red; + padding: 0px 0px 0px 7px; + opacity:1.0; +} +#backlight { + padding: 0px 2px 0px 6px; +} +#custom-light_dark, +#custom-menu{ + color: @flamingo; + padding: 0px 8px 0px 4px; + opacity:1.0; +} + +#custom-weather, +#custom-updates { + color: @yellow; +} + +#keyboard-state, +#clock { + color: @sapphire; +} +#network, +#temperature { + color: @rosewater; +} + +#custom-swaync, +#custom-hint, +#tray { + color: aliceblue; +} + +#taskbar, +#window { + color:#FFFFFF; +} + +#bluetooth, +#custom-backlight, +#custom-cycle_wall, +#custom-keyboard, +#custom-light_dark { + color: @lavender; +} + +#custom-lock, +#idle_inhibitor { + color: @teal; +} + +#custom-cava_mviz{ + color: @color2; +} +#workspaces { + margin: 1px 1px 1px 1px; + padding: 0px 1px; + border-radius: 25px; + border:2px solid @border-color; + font-weight: bold; + font-style: normal; + opacity:0.8; + color:#FFFFFF; + +} + +#workspaces button { + margin: 1px 1px; + border-radius: 15px; + border:0px; + color: @color13; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + opacity:0.8; +} + +#workspaces button.active, +#workspaces button.visible { + color: #FFFFFF; + background: @button-color; + border-radius: 15px; + border: 1px solid @border-color; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + opacity:1.0; +} + +#workspaces button.empty { + color: #FFFFFF; + opacity:1.0; +} + +#workspaces button:hover { + color: #FFFFFF; + background: @button-hover; + border: 1px solid @border-color; + border-radius: 15px; + opacity:1.0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#pulseaudio-slider, +#pulseaudio { + color: @color13; +} + +#pulseaudio.muted { + color: red; +} + +#memory { + color: @sapphire; +} + +#cpu { + color: @mauve; +} + +#battery { + color: @rosewater; +} + +#disk { + color: @sky; +} + +#temperature.critical { + background-color: @red; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: rgb(47, 46, 46); + border-radius: 30px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + border-radius: 15px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} + + diff --git a/style/[Wallust Transparent] Crystal Clear.css b/style/[Wallust Transparent] Crystal Clear.css new file mode 100644 index 0000000..189be61 --- /dev/null +++ b/style/[Wallust Transparent] Crystal Clear.css @@ -0,0 +1,208 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ..........................................*/ +/* ....Wallust - Clear Background........ */ +/* ......................................... */ +/* --- ๐Ÿ‘ original designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +@define-color critical #ff0000; /* critical color */ +@define-color warning #f3f809; /* warning color */ +@define-color text @color12; /* text color */ +@define-color text-alt @color9; /* text alternative color */ +@define-color bg @color7; /* background color */ + +*{ + font-family: "JetBrains Mono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 1px; +} + +window#waybar { + background:transparent; + border-radius: 1px; + color: @text; +} + +window#waybar.hidden { + opacity: 0.5; +} +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + background-color: transparent; +} + + +/*-----module groups----*/ +.modules-right { + +} + +.modules-center { + +} + +.modules-left { + +} + +#workspaces button { + color: @text-alt; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + color: @text; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: @text-alt; +} + +#workspaces button.urgent { + color: @warning; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @text; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-spotify, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: @critical; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: black; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: wheat; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: black; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; + background-color: wheat; +} + + \ No newline at end of file diff --git a/style/[Wallust] Chroma Edge.css b/style/[Wallust] Chroma Edge.css new file mode 100644 index 0000000..9ee29a2 --- /dev/null +++ b/style/[Wallust] Chroma Edge.css @@ -0,0 +1,376 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Wallust Chroma Edge */ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + /* background-color: rgba(26, 27, 38, 0.5); */ + background-color: transparent; + color: #ffffff; + transition-property: background-color; + transition-duration: 0.5s; + /* border-top: 8px transparent; */ + border-radius: 0px; + transition-duration: 0.5s; +} +window#waybar.empty { + background-color: transparent; +} +window#waybar.empty #window { + padding: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +window#waybar.hidden { + opacity: 0.1; +} + +tooltip { + background: #1e1e2e; + opacity: 0.8; + border-radius: 12px; + border-width: 2px; + border-style: solid; + border-color: @color12; +} + +tooltip label{ + color: #cdd6f4; +} + +#workspaces button { + background-color: transparent; + color: grey; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + background-color: transparent; + color: #D3D3D3; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); + color: #D3D3D3; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: #e5e5e5; + /* color: #bf616a; */ + border-radius: 12px; + background-color: rgba(50, 50, 50, 0.1); + border: 1px solid @color12; + padding: 5px; +} + +#workspaces { + border-radius: 12px; + padding: 0px 6px; +} + +#cpu { + color: #fb958b; + padding: 3px; + background-color: rgba(50, 50, 50, 0.1); +} + +#custom-cycle_wall, +#custom-updater { + color: #cba7f7; + padding: 3px; + background-color: rgba(50, 50, 50, 0.1); + +} + +#custom-menu { + color: #FFFFFF; + padding: 6px; + padding-right: 6px; + background-color: rgba(50, 50, 50, 0.1); +} + +#custom-keyboard, +#memory { + color: #ebcb8b; +} + +#custom-power { + color: #cc3436; + padding: 0px 0px 0px 6px; +} + +#custom-launcher { + background-color: #1b242b; + color: #6a92d7; + padding: 0 0px; +} + +#custom-weather.severe { + color: #eb937d; +} + +#custom-weather.sunny { + color: #c2ca76; +} + +#custom-weather.clearNight { + color: #cad3f5; +} + +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight { + color: #c2ddda; +} + +#custom-weather.rainyDay, +#custom-weather.rainyNight { + color: #5aaca5; +} + +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight { + color: #d6e7e5; +} + +#custom-swaync, +#custom-weather { + color: #ebecf0; +} + +#pulseaudio { + color: #FFD580; +} + +#wireplumber { + color: #FFD580; +} +#backlight { + /* color: #EBCB8B; */ + color: #8fbcbb; +} + +#clock { + color: #90EE90; + /* background-color: #14141e; */ +} + +#battery { + color: #c0caf5; + /* background-color: #90b1b1; */ +} + +#battery.charging, +#battery.full, +#battery.plugged { + color: #26a65b; + /* background-color: #26a65b; */ +} + +@keyframes blink { + to { + background-color: rgba(30, 34, 42, 0.5); + color: #abb2bf; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#disk { + color: #f38ba8; +} + +#bluetooth { + color: #7287fd; +} + +#bluetooth.disconnected { + color: #f53c3c; +} + +#network { + color: #b48ead; +} + +#network.disconnected { + color: #f53c3c; +} + +#custom-media { + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; +} + +#custom-media.custom-spotify { + background-color: #66cc99; +} + +#custom-media.custom-vlc { + background-color: #ffa000; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor { + /*background-color: #2d3436;*/ +} + +#idle_inhibitor.activated { + /*background-color: #ecf0f1;*/ + color: #2dcc36; +} + +#temperature { + color: #ADD8E6; +} + +#taskbar button.active { + background-color: #7f849c; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/style/[Wallust] Chroma Fusion.css b/style/[Wallust] Chroma Fusion.css new file mode 100644 index 0000000..e8a0427 --- /dev/null +++ b/style/[Wallust] Chroma Fusion.css @@ -0,0 +1,313 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ....Chroma Fusion Edge .... */ +/* Wallust - Catpuccin */ + +@define-color white #F2F2F2; +@define-color black #000000; +@define-color text #FFFFFF; +@define-color lightgray #686868; +@define-color darkgray #353535; + +@define-color transparent rgba(0, 0, 0, 0.25); +@define-color teal-trans rgba(1, 117, 84, 0.5); +@define-color cyan rgba(53, 140, 169, 1); + +@define-color background-module @transparent; +@define-color border-color @color12; +@define-color button-color @color11; +@define-color button-hover @color12; + +@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../waybar/style/catppuccin-themes/latte.css"; + +* { + font-family: "JetBrains Mono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + +} + +window#waybar { + background: linear-gradient(0deg, @border-color, black); + /*background: rgba(1, 117, 84, 0.5);*/ + /*background: @transparent;*/ + border-bottom-right-radius: 20px; + border-bottom-left-radius: 20px; + border-top-left-radius: 20px; + border-top-right-radius: 20px; +} + +window#waybar.empty #window { + background-color: transparent; + border: 0px; + +} + +tooltip { + background-color: @background-module; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: @color2; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + background-color: @background-module; + border-radius: 25px; + padding: 0px 10px 0px 10px; + margin: 5px 5px 5px 5px; + opacity:0.8; +} +#backlight { + padding: 0px 2px 0px 6px; +} +#custom-power { + color: @red; + padding: 0px 0px 0px 6px; + opacity:1.0; +} +#custom-light_dark, +#custom-menu{ + color: @flamingo; + padding: 0px 8px 0px 4px; + opacity:1.0; +} + +#custom-swaync, +#custom-weather, +#custom-updater { + color: @yellow; +} + +#keyboard-state, +#clock { + color: @sapphire; +} +#network, +#temperature { + color: @rosewater; +} + +#custom-hint, +#tray { + color: aliceblue; +} + +#taskbar, +#window { + color:#FFFFFF; +} + +#bluetooth, +#custom-backlight, +#custom-cycle_wall, +#custom-keyboard, +#custom-light_dark { + color: @lavender; +} + +#custom-cava_mviz { + color: @color2; +} + +#custom-lock, +#idle_inhibitor { + color: @teal; +} + +#workspaces { + margin: 3px 3px 3px 3px; + padding: 0px 1px; + border-radius: 25px; + font-weight: bold; + font-style: normal; + opacity:0.8; + color:#FFFFFF; + +} + +#workspaces button { + margin: 1px 1px; + border-radius: 15px; + border:0px; + color: @color13; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + opacity:0.8; +} + +#workspaces button.active, +#workspaces button.visible { + color: #FFFFFF; + background: @button-color; + border-radius: 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + opacity:1.0; +} + +#workspaces button.empty { + color: #FFFFFF; + opacity:1.0; +} + +#workspaces button:hover { + color: #FFFFFF; + background: @button-hover; + border-radius: 15px; + opacity:1.0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#pulseaudio-slider, +#pulseaudio { + color: @color13; +} + +#pulseaudio.muted { + color: red; +} + +#memory { + color: @sapphire; +} + +#cpu { + color: @mauve; +} + +#battery { + color: @rosewater; +} + +#disk { + color: @sky; +} + +#temperature.critical { + background-color: @red; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: rgb(47, 46, 46); + border-radius: 30px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + border-radius: 15px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} + + diff --git a/style/[Wallust] Chroma Tally.css b/style/[Wallust] Chroma Tally.css new file mode 100644 index 0000000..24f08df --- /dev/null +++ b/style/[Wallust] Chroma Tally.css @@ -0,0 +1,273 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Wallust - Chroma Tally */ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +* { +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +window#waybar { + background: rgba (0, 0, 0, 0.5); + border-radius: 12px; + border-bottom: 2px; + border-style: solid; + border-color: @color12; +} + +#workspaces { + background: #0F1419; + padding: 0px 1px; + border-radius: 15px; + border: 0px; + font-style: normal; + color: #0F1419; +} + +#taskbar button, +#workspaces button { + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: #0F1419; + background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); + opacity: 0.5; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: #0F1419; + background: linear-gradient(45deg, #59C2FF, #D2A6FF); + opacity: 1.0; + min-width: 40px; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + border-radius: 15px; + color: #0F1419; + background: linear-gradient(45deg, #59C2FF, #D2A6FF); + opacity: 0.8; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + +} + +tooltip { + background: #1e1e2e; + opacity: 0.8; + border-radius: 6px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +/* ----------------------------------------------------------------------------- + * Module styles + * -------------------------------------------------------------------------- */ + + +#clock { + color:#a3be8c; +} + +#backlight { + color: #ebcb8b; +} + +#battery { + color: #d8dee9; +} + +#battery.charging { + color: #81a1c1; +} + +@keyframes blink { + to { + color: #4c566a; + background-color: #eceff4; + } +} + +#battery.critical:not(.charging) { + background: #bf616a; + color: #eceff4; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#cpu { + color: #a3be8c; +} + +#disk { + color: #94e2d5; +} + +#custom-keyboard, +#memory { + color: #d3869b; +} + +#network.disabled { + color:#bf616a; +} + +#network{ + color:#a3be8c; +} + +#network.disconnected { + color: #bf616a; +} + +#pulseaudio { + color: #04a5e5; +} + +#pulseaudio.muted { + color: #9ca0b0; +} + +#custom-light_dark, +#temperature { + color: #7287fd; +} + +#temperature.critical { + color: #bf616a; +} + +#keyboard-state, +#idle_inhibitor { + color: #ebcb8b; +} + +#tray { +} + +#custom-swaync, +#custom-menu { + color: yellow; +} +#custom-power{ + color: #eba0ac; +} + +#window{ + border-style: hidden; +} + +#custom-lock, +#bluetooth{ + color:#d08770; +} + +#custom-cava_mviz{ + color: @color2; +} + +#custom-weather{ + color:#d08770; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} + + diff --git a/style/[Wallust] Colored.css b/style/[Wallust] Colored.css new file mode 100644 index 0000000..251f10b --- /dev/null +++ b/style/[Wallust] Colored.css @@ -0,0 +1,243 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* Wallust Colored*/ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 96%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 1px; +} + +window#waybar { + background: transparent; +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty { + background-color: @background; +} + +window#waybar.empty #window { + padding: 0px; + border: 0px; + background-color: transparent; +} + + +tooltip { + background: @background; + border-radius: 10px; + border-width: 1px; + border-style: solid; + border-color: @color15; +} + +/*-----module groups----*/ +.modules-right { + border: 3px solid @color14; + border-radius: 40px 0px 0px 0px; + background-color: @color1; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-center { + border: 3px solid @color14; + border-radius: 60px 0px 60px 0px; + background-color: @background; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-left { + border: 3px solid @color14; + border-radius: 0px 0px 40px 0px; + background-color: @color1; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#workspaces button { + color: @foreground; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: @background; + background-color: @color7; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: @color4; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: @color4; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#clock#2 { + color: @color6; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: @foreground; + padding-top: 1px; + padding-bottom: 1px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: rgb(47, 46, 46); + border-radius: 30px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + border-radius: 15px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} + +#custom-cava_mviz { + padding-right: 10px; +} \ No newline at end of file diff --git a/style/[Wallust] Simple.css b/style/[Wallust] Simple.css new file mode 100644 index 0000000..108031a --- /dev/null +++ b/style/[Wallust] Simple.css @@ -0,0 +1,254 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* Wallust - Simple */ + +*{ +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 97%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +window#waybar { + background: transparent; +} + +#waybar.empty, #waybar.tiled, #waybar.floating { + background-color: transparent; +} + +tooltip { + color: @color15; + background: rgba (0, 0, 0, 0.5); + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: @color15; +} + +/*-----module groups----*/ +.modules-right { + background-color: @color0; + background: rgba (0, 0, 0, 0.75); + border-bottom: 1px solid @color15; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-center { + background-color: @color0; + background: rgba (0, 0, 0.5, 0.5); + border-bottom: 1px solid @color15; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +.modules-left { + background-color: @color0; + background: rgba (0, 0, 0, 0.75); + border-bottom: 1px solid @color15; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +/*-----modules indv----*/ + +#workspaces button { + color: @color2; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.active { + color: @foreground; + background-color: @color2; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: @color4; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: @color4; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: @color12; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#mode { + color: #cc3436; + font-weight: bold; +} +#custom-power { + /*background-color: rgba(0,119,179,0.6);*/ + /*border-radius: 50px;*/ + padding: 1px 3px; +} +/*-----Indicators----*/ +#idle_inhibitor.activated { + color: #2dcc36; +} +#pulseaudio.muted { + color: #cc3436; +} +#pulseaudio-microphone.muted { + color: #cc3436; +} +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + color: @foreground; + background-color: @color2; + border-radius: 30px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + padding-left: 3px; + padding-right: 3px; + border-radius: 15px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} + +#window { +color: @color7; +} + diff --git a/style/catppuccin-themes/latte.css b/style/catppuccin-themes/latte.css new file mode 100644 index 0000000..085cc3e --- /dev/null +++ b/style/catppuccin-themes/latte.css @@ -0,0 +1,37 @@ +/* +* +* Catppuccin Latte palette +* Maintainer: rubyowo +* +*/ + +@define-color base #eff1f5; +@define-color mantle #e6e9ef; +@define-color crust #dce0e8; + +@define-color text #4c4f69; +@define-color subtext0 #6c6f85; +@define-color subtext1 #5c5f77; + +@define-color surface0 #ccd0da; +@define-color surface1 #bcc0cc; +@define-color surface2 #acb0be; + +@define-color overlay0 #9ca0b0; +@define-color overlay1 #8c8fa1; +@define-color overlay2 #7c7f93; + +@define-color blue #1e66f5; +@define-color lavender #7287fd; +@define-color sapphire #209fb5; +@define-color sky #04a5e5; +@define-color teal #179299; +@define-color green #40a02b; +@define-color yellow #df8e1d; +@define-color peach #fe640b; +@define-color maroon #e64553; +@define-color red #d20f39; +@define-color mauve #8839ef; +@define-color pink #ea76cb; +@define-color flamingo #dd7878; +@define-color rosewater #dc8a78; diff --git a/style/catppuccin-themes/mocha.css b/style/catppuccin-themes/mocha.css new file mode 100644 index 0000000..7f4e337 --- /dev/null +++ b/style/catppuccin-themes/mocha.css @@ -0,0 +1,38 @@ +/* +* +* Catppuccin Mocha palette +* Maintainer: rubyowo +* +*/ + +@define-color base #1e1e2e; +@define-color mantle #181825; +@define-color crust #11111b; + +@define-color text #cdd6f4; +@define-color subtext0 #a6adc8; +@define-color subtext1 #bac2de; + +@define-color surface0 #313244; +@define-color surface1 #45475a; +@define-color surface2 #585b70; + +@define-color overlay0 #6c7086; +@define-color overlay1 #7f849c; +@define-color overlay2 #9399b2; + +@define-color blue #89b4fa; +@define-color lavender #b4befe; +@define-color sapphire #74c7ec; +@define-color sky #89dceb; +@define-color teal #94e2d5; +@define-color green #a6e3a1; +@define-color yellow #f9e2af; +@define-color peach #fab387; +@define-color maroon #eba0ac; +@define-color red #f38ba8; +@define-color mauve #cba6f7; +@define-color pink #f5c2e7; +@define-color flamingo #f2cdcd; +@define-color rosewater #f5e0dc; + diff --git a/wallust/colors-waybar.css b/wallust/colors-waybar.css new file mode 100644 index 0000000..68846c7 --- /dev/null +++ b/wallust/colors-waybar.css @@ -0,0 +1,20 @@ +@define-color foreground #BFE3EA; +@define-color background alpha(#000007,0.05); +@define-color cursor #B98FAE; + +@define-color color0 #000009; +@define-color color1 #60697E; +@define-color color2 #BA4F80; +@define-color color3 #4F7F96; +@define-color color4 #BE869D; +@define-color color5 #47A6BD; +@define-color color6 #49AEC4; +@define-color color7 #9BCED9; +@define-color color8 #6D9098; +@define-color color9 #60697E; +@define-color color10 #BA4F80; +@define-color color11 #4F7F96; +@define-color color12 #BE869D; +@define-color color13 #47A6BD; +@define-color color14 #49AEC4; +@define-color color15 #9BCED9; \ No newline at end of file From daa228b9e2c3ad786c18b0749d9c3a2b31b422ba Mon Sep 17 00:00:00 2001 From: Nicholai Date: Sun, 23 Nov 2025 23:00:08 -0700 Subject: [PATCH 2/9] Fix Pywal style import path Changed @import path from relative '../colors.css' to absolute path '/home/nicholai/.config/waybar/colors.css' to fix symlink resolution issue when style.css symlinks to style/[Pywal] Minimal.css --- style/[Pywal] Minimal.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style/[Pywal] Minimal.css b/style/[Pywal] Minimal.css index f4087d5..660089f 100644 --- a/style/[Pywal] Minimal.css +++ b/style/[Pywal] Minimal.css @@ -1,7 +1,7 @@ /* ---- ๐Ÿ’ซ Pywal Minimal Style ๐Ÿ’ซ ---- */ /* Integrates Pywal colors with minimal aesthetic */ -@import '../colors.css'; +@import '/home/nicholai/.config/waybar/colors.css'; * { border: none; From 62ea3661e57de9df8cf50f359a0a1ae027f5348c Mon Sep 17 00:00:00 2001 From: Nicholai Date: Sun, 23 Nov 2025 23:07:49 -0700 Subject: [PATCH 3/9] Fix workspace buttons and audio controls - Changed workspace buttons to use numbers (1-10) instead of icons - Increased workspace button font size from 8px to 14px for readability - Fixed workspace button colors: light text on semi-transparent backgrounds - Added scroll wheel volume control for pulseaudio modules (pamixer) - Changed to dynamic workspaces with minimum of 1 visible - Workspace buttons now only show when occupied (not all 10 persistent) --- configs/[TOP] Custom Minimal | 54 ++++++++++++++++++++++++------------ style/[Pywal] Minimal.css | 16 +++++------ 2 files changed, 44 insertions(+), 26 deletions(-) diff --git a/configs/[TOP] Custom Minimal b/configs/[TOP] Custom Minimal index 38db09c..3e37e1f 100644 --- a/configs/[TOP] Custom Minimal +++ b/configs/[TOP] Custom Minimal @@ -40,9 +40,32 @@ } }, -// Ensure workspaces are persistent (1-5) +// Pulseaudio with scroll control +"pulseaudio": { + "format": "{icon} {volume}%", + "format-muted": " Muted", + "on-click": "pamixer -t", + "on-scroll-up": "pamixer -i 5", + "on-scroll-down": "pamixer -d 5", + "scroll-step": 5, + "format-icons": { + "default": ["", "", ""] + } +}, + +"pulseaudio#microphone": { + "format": "{format_source}", + "format-source": " {volume}%", + "format-source-muted": " Muted", + "on-click": "pamixer --default-source -t", + "on-scroll-up": "pamixer --default-source -i 5", + "on-scroll-down": "pamixer --default-source -d 5", + "scroll-step": 5 +}, + +// Dynamic workspaces with minimum of 1 "hyprland/workspaces#4": { - "format": " {icon} ", + "format": "{icon}", "show-special": false, "active-only": false, "on-click": "activate", @@ -51,25 +74,20 @@ "all-outputs": true, "sort-by-number": true, "persistent-workspaces": { - "1": [], - "2": [], - "3": [], - "4": [], - "5": [] + "*": 1 }, "format-icons": { - "1": " ", - "2": " ", - "3": " ", - "4": " ", - "5": "", - "6": " ", - "7": "", - "8": " ", - "9": " ", + "1": "1", + "2": "2", + "3": "3", + "4": "4", + "5": "5", + "6": "6", + "7": "7", + "8": "8", + "9": "9", "10": "10", - "focused": "", - "default": "" + "default": "โ—" } } } diff --git a/style/[Pywal] Minimal.css b/style/[Pywal] Minimal.css index 660089f..964de2d 100644 --- a/style/[Pywal] Minimal.css +++ b/style/[Pywal] Minimal.css @@ -23,25 +23,25 @@ window#waybar { #workspaces button { padding: 4px 8px; margin: 1px 2px; - background-color: @color0; - color: @color7; + background-color: rgba(255, 255, 255, 0.1); + color: @color15; border-radius: 10px; transition: all 0.3s ease; border: 1px solid transparent; min-height: 4px; - font-size: 8px; + font-size: 14px; } #workspaces button:hover { - background-color: @color8; - color: @foreground; + background-color: rgba(255, 255, 255, 0.2); + color: @color15; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } #workspaces button.active { - background-color: @color1; - color: @background; - border: 1px solid @color5; + background-color: rgba(255, 255, 255, 0.3); + color: @color15; + border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } From 24385e6e654e68ae7cbbcf634f9b89371a20420b Mon Sep 17 00:00:00 2001 From: Nicholai Date: Sun, 23 Nov 2025 23:08:47 -0700 Subject: [PATCH 4/9] Add waybar layout and style switcher scripts Created convenient scripts for testing different configurations: - switch-layout.sh: Switch between 24 available layouts - switch-style.sh: Switch between 30+ themes - Works with rofi (GUI) or CLI menu - Automatically reloads waybar after switching --- scripts/switch-layout.sh | 30 ++++++++++++++++++++++++++++++ scripts/switch-style.sh | 30 ++++++++++++++++++++++++++++++ 2 files changed, 60 insertions(+) create mode 100755 scripts/switch-layout.sh create mode 100755 scripts/switch-style.sh diff --git a/scripts/switch-layout.sh b/scripts/switch-layout.sh new file mode 100755 index 0000000..9bb840a --- /dev/null +++ b/scripts/switch-layout.sh @@ -0,0 +1,30 @@ +#!/bin/bash +# Quick waybar layout switcher + +waybar_layouts="$HOME/.config/waybar/configs" +waybar_config="$HOME/.config/waybar/config" + +# Get all available layouts +layouts=($(ls "$waybar_layouts" | sort)) + +# If rofi is available, use it for selection +if command -v rofi &> /dev/null; then + choice=$(printf '%s\n' "${layouts[@]}" | rofi -dmenu -i -p "Waybar Layout") +else + # Otherwise use a simple CLI menu + echo "Available Waybar Layouts:" + for i in "${!layouts[@]}"; do + echo "$((i+1)). ${layouts[$i]}" + done + read -p "Select layout (1-${#layouts[@]}): " selection + choice="${layouts[$((selection-1))]}" +fi + +if [[ -n "$choice" ]]; then + ln -sf "$waybar_layouts/$choice" "$waybar_config" + echo "Switched to: $choice" + killall waybar + waybar & +else + echo "No selection made" +fi diff --git a/scripts/switch-style.sh b/scripts/switch-style.sh new file mode 100755 index 0000000..fbf45d0 --- /dev/null +++ b/scripts/switch-style.sh @@ -0,0 +1,30 @@ +#!/bin/bash +# Quick waybar style/theme switcher + +waybar_styles="$HOME/.config/waybar/style" +waybar_css="$HOME/.config/waybar/style.css" + +# Get all available styles +styles=($(ls "$waybar_styles"/*.css 2>/dev/null | xargs -n1 basename | sort)) + +# If rofi is available, use it for selection +if command -v rofi &> /dev/null; then + choice=$(printf '%s\n' "${styles[@]}" | rofi -dmenu -i -p "Waybar Style") +else + # Otherwise use a simple CLI menu + echo "Available Waybar Styles:" + for i in "${!styles[@]}"; do + echo "$((i+1)). ${styles[$i]}" + done + read -p "Select style (1-${#styles[@]}): " selection + choice="${styles[$((selection-1))]}" +fi + +if [[ -n "$choice" ]]; then + ln -sf "$waybar_styles/$choice" "$waybar_css" + echo "Switched to: $choice" + killall waybar + waybar & +else + echo "No selection made" +fi From 487f1c87045932b521c98e9c5dd0c28deb367c85 Mon Sep 17 00:00:00 2001 From: Nicholai Date: Sun, 23 Nov 2025 23:10:47 -0700 Subject: [PATCH 5/9] Change switcher scripts to use wofi instead of rofi --- scripts/switch-layout.sh | 6 +++--- scripts/switch-style.sh | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/scripts/switch-layout.sh b/scripts/switch-layout.sh index 9bb840a..e0a9633 100755 --- a/scripts/switch-layout.sh +++ b/scripts/switch-layout.sh @@ -7,9 +7,9 @@ waybar_config="$HOME/.config/waybar/config" # Get all available layouts layouts=($(ls "$waybar_layouts" | sort)) -# If rofi is available, use it for selection -if command -v rofi &> /dev/null; then - choice=$(printf '%s\n' "${layouts[@]}" | rofi -dmenu -i -p "Waybar Layout") +# If wofi is available, use it for selection +if command -v wofi &> /dev/null; then + choice=$(printf '%s\n' "${layouts[@]}" | wofi --dmenu -i -p "Waybar Layout") else # Otherwise use a simple CLI menu echo "Available Waybar Layouts:" diff --git a/scripts/switch-style.sh b/scripts/switch-style.sh index fbf45d0..7720bf4 100755 --- a/scripts/switch-style.sh +++ b/scripts/switch-style.sh @@ -7,9 +7,9 @@ waybar_css="$HOME/.config/waybar/style.css" # Get all available styles styles=($(ls "$waybar_styles"/*.css 2>/dev/null | xargs -n1 basename | sort)) -# If rofi is available, use it for selection -if command -v rofi &> /dev/null; then - choice=$(printf '%s\n' "${styles[@]}" | rofi -dmenu -i -p "Waybar Style") +# If wofi is available, use it for selection +if command -v wofi &> /dev/null; then + choice=$(printf '%s\n' "${styles[@]}" | wofi --dmenu -i -p "Waybar Style") else # Otherwise use a simple CLI menu echo "Available Waybar Styles:" From af8f372739ae751d566a34dbff1778dbff33bef0 Mon Sep 17 00:00:00 2001 From: Nicholai Date: Sun, 23 Nov 2025 23:12:23 -0700 Subject: [PATCH 6/9] Fix wofi markup parsing for layout names with ampersands Added --parse-search false to prevent wofi from trying to parse special characters like '&' in layout names (e.g. '[BOT & Left]') --- scripts/switch-layout.sh | 2 +- scripts/switch-style.sh | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/scripts/switch-layout.sh b/scripts/switch-layout.sh index e0a9633..a48febc 100755 --- a/scripts/switch-layout.sh +++ b/scripts/switch-layout.sh @@ -9,7 +9,7 @@ layouts=($(ls "$waybar_layouts" | sort)) # If wofi is available, use it for selection if command -v wofi &> /dev/null; then - choice=$(printf '%s\n' "${layouts[@]}" | wofi --dmenu -i -p "Waybar Layout") + choice=$(printf '%s\n' "${layouts[@]}" | wofi --dmenu -i -p "Waybar Layout" --parse-search false) else # Otherwise use a simple CLI menu echo "Available Waybar Layouts:" diff --git a/scripts/switch-style.sh b/scripts/switch-style.sh index 7720bf4..e280768 100755 --- a/scripts/switch-style.sh +++ b/scripts/switch-style.sh @@ -9,7 +9,7 @@ styles=($(ls "$waybar_styles"/*.css 2>/dev/null | xargs -n1 basename | sort)) # If wofi is available, use it for selection if command -v wofi &> /dev/null; then - choice=$(printf '%s\n' "${styles[@]}" | wofi --dmenu -i -p "Waybar Style") + choice=$(printf '%s\n' "${styles[@]}" | wofi --dmenu -i -p "Waybar Style" --parse-search false) else # Otherwise use a simple CLI menu echo "Available Waybar Styles:" From 600a35020b244399c488ecdf92d9551335484932 Mon Sep 17 00:00:00 2001 From: Nicholai Date: Sun, 23 Nov 2025 23:13:58 -0700 Subject: [PATCH 7/9] Fix symlink paths to use absolute paths Changed scripts to use realpath() to create absolute symlinks instead of relative paths, which were breaking with filenames containing special characters. Also added sleep delay before restarting waybar. --- scripts/switch-layout.sh | 4 +++- scripts/switch-style.sh | 4 +++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/scripts/switch-layout.sh b/scripts/switch-layout.sh index a48febc..22cdfbf 100755 --- a/scripts/switch-layout.sh +++ b/scripts/switch-layout.sh @@ -21,9 +21,11 @@ else fi if [[ -n "$choice" ]]; then - ln -sf "$waybar_layouts/$choice" "$waybar_config" + # Use absolute path for the symlink target + ln -sf "$(realpath "$waybar_layouts/$choice")" "$waybar_config" echo "Switched to: $choice" killall waybar + sleep 0.5 waybar & else echo "No selection made" diff --git a/scripts/switch-style.sh b/scripts/switch-style.sh index e280768..a9c3640 100755 --- a/scripts/switch-style.sh +++ b/scripts/switch-style.sh @@ -21,9 +21,11 @@ else fi if [[ -n "$choice" ]]; then - ln -sf "$waybar_styles/$choice" "$waybar_css" + # Use absolute path for the symlink target + ln -sf "$(realpath "$waybar_styles/$choice")" "$waybar_css" echo "Switched to: $choice" killall waybar + sleep 0.5 waybar & else echo "No selection made" From 2fa5c52963f7c6e10172d839dffad2e543e1084c Mon Sep 17 00:00:00 2001 From: Nicholai Date: Mon, 24 Nov 2025 04:18:45 -0700 Subject: [PATCH 8/9] Fix critical bug in switcher scripts array building Fixed broken array building that was splitting filenames with spaces/brackets: - Changed from: layouts=$(($command)) which splits on whitespace - Changed to: mapfile -t which preserves full filenames This fixes: - Wofi showing 69 broken fragments instead of 25 layouts - Wofi showing 83 broken fragments instead of 30 styles - Symlinks pointing to non-existent fragmented paths - Layouts not actually changing when selected Also repaired broken config symlink that pointed to non-existent /home/nicholai/.config/waybar/configs/BOT] back to working Custom Minimal layout. --- config | 2 +- scripts/switch-layout.sh | 4 ++-- scripts/switch-style.sh | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/config b/config index 4ad445d..e1ad835 120000 --- a/config +++ b/config @@ -1 +1 @@ -configs/[TOP] Custom Minimal \ No newline at end of file +/home/nicholai/.config/waybar/configs/[TOP] Custom Minimal \ No newline at end of file diff --git a/scripts/switch-layout.sh b/scripts/switch-layout.sh index 22cdfbf..97b5cfd 100755 --- a/scripts/switch-layout.sh +++ b/scripts/switch-layout.sh @@ -4,8 +4,8 @@ waybar_layouts="$HOME/.config/waybar/configs" waybar_config="$HOME/.config/waybar/config" -# Get all available layouts -layouts=($(ls "$waybar_layouts" | sort)) +# Get all available layouts (using mapfile to preserve filenames with spaces) +mapfile -t layouts < <(ls "$waybar_layouts" | sort) # If wofi is available, use it for selection if command -v wofi &> /dev/null; then diff --git a/scripts/switch-style.sh b/scripts/switch-style.sh index a9c3640..0cae66d 100755 --- a/scripts/switch-style.sh +++ b/scripts/switch-style.sh @@ -4,8 +4,8 @@ waybar_styles="$HOME/.config/waybar/style" waybar_css="$HOME/.config/waybar/style.css" -# Get all available styles -styles=($(ls "$waybar_styles"/*.css 2>/dev/null | xargs -n1 basename | sort)) +# Get all available styles (using mapfile to preserve filenames with spaces) +mapfile -t styles < <(find "$waybar_styles" -maxdepth 1 -type f -name "*.css" -exec basename {} \; | sort) # If wofi is available, use it for selection if command -v wofi &> /dev/null; then From bda1a8afffa5c1df1f245de99ed49d76c93d603a Mon Sep 17 00:00:00 2001 From: Nicholai Date: Tue, 25 Nov 2025 03:59:07 -0700 Subject: [PATCH 9/9] updated --- config | 2 +- style.css | 2 +- style/[Colored] Translucent.css | 120 +++++++++++++++++--------------- 3 files changed, 66 insertions(+), 58 deletions(-) diff --git a/config b/config index e1ad835..e4071cc 120000 --- a/config +++ b/config @@ -1 +1 @@ -/home/nicholai/.config/waybar/configs/[TOP] Custom Minimal \ No newline at end of file +/home/nicholai/.config/waybar/configs/[TOP] wallust_new \ No newline at end of file diff --git a/style.css b/style.css index 79fb6d1..da346da 120000 --- a/style.css +++ b/style.css @@ -1 +1 @@ -style/[Pywal] Minimal.css \ No newline at end of file +/home/nicholai/.config/waybar/style/[Colored] Translucent.css \ No newline at end of file diff --git a/style/[Colored] Translucent.css b/style/[Colored] Translucent.css index 37931d5..4382e33 100644 --- a/style/[Colored] Translucent.css +++ b/style/[Colored] Translucent.css @@ -1,9 +1,14 @@ -@define-color critical #ff0000; /* critical color */ -@define-color warning #f3f809; /* warning color */ -@define-color fgcolor #ffffff; /* foreground color */ -@define-color bgcolor #303030; /* background color */ -@define-color bgcolor #222436; /* background color */ -@define-color alert #df3320; +@define-color critical #ff0000; +/* critical color */ +@define-color warning #f3f809; +/* warning color */ +@define-color fgcolor #ffffff; +/* foreground color */ +@define-color bgcolor #303030; +/* background color */ +@define-color bgcolor #222436; +/* background color */ +@define-color alert #df3320; @define-color accent1 #ff7a93; @define-color accent2 #b9f27c; @@ -16,17 +21,17 @@ /* Translucent */ * { -font-family: "JetBrainsMono Nerd Font"; -font-weight: bold; -min-height: 0; -/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ -font-size: 97%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -padding: 1px; + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 102%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 2px; } window#waybar { - background-color: rgba(0,0,0,0.3); + background-color: rgba(0, 0, 0, 0.3); color: #ffffff; transition-property: background-color; transition-duration: .5s; @@ -44,7 +49,8 @@ window#waybar.empty { window#waybar.empty #window { padding: 0px; border: 0px; - /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + /* background-color: rgba(66,66,66,0.5); */ + /* transparent */ background-color: transparent; } @@ -61,13 +67,13 @@ tooltip { background-color: transparent; color: #ffffff; box-shadow: none; - text-shadow: none; + text-shadow: none; padding: 0px; border-radius: 9px; padding-left: 4px; padding-right: 4px; animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.5s cubic-bezier(.55, -0.68, .48, 1.682); } #workspaces button.active { @@ -76,16 +82,16 @@ tooltip { padding-left: 8px; padding-right: 8px; animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682); } #workspaces button:hover { background: rgba(0, 0, 0, 0.2); - color: @accent3; + color: @accent3; padding-left: 2px; padding-right: 2px; animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682); } #workspaces button.focused { @@ -139,26 +145,24 @@ tooltip { #custom-weather.clearNight, #custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyNight, -#custom-weather.default, +#custom-weather.default, #custom-weather.rainyDay, #custom-weather.rainyNight, #custom-weather.severe, #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 3px; - padding-bottom: 3px; - padding-right: 6px; - padding-left: 6px; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; } /* If workspaces is the leftmost module, omit left margin */ -.modules-left > widget:first-child > #workspaces { -} +.modules-left>widget:first-child>#workspaces {} /* If workspaces is the rightmost module, omit right margin */ -.modules-right > widget:last-child > #workspaces { -} +.modules-right>widget:last-child>#workspaces {} #clock { color: @accent2; @@ -197,7 +201,7 @@ label:focus { background-color: #000000; } -#custom-menu{ +#custom-menu { color: #FFFFFF; /*padding: 3px;*/ } @@ -234,6 +238,7 @@ label:focus { #pulseaudio-muted { color: @accent2; } + #wireplumber { color: @accent4; } @@ -242,7 +247,7 @@ label:focus { color: @accent2; } -#pluseaudio-source-muted{ +#pluseaudio-source-muted { color: #a0a0a0; } @@ -253,9 +258,11 @@ label:focus { #disk { color: @accent5; } + #custom-power_profile { color: @accent3; } + #custom-media { background-color: #66cc99; color: #2a5c45; @@ -285,7 +292,7 @@ label:focus { } #idle_inhibitor { - color: #f9e2af; + color: #f9e2af; /*background-color: #2d3436;*/ } @@ -300,14 +307,14 @@ label:focus { padding-left: 12px; padding-right: 12px; animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682); } #taskbar button:hover { padding-left: 3px; padding-right: 3px; animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682); } #mpd { @@ -334,42 +341,43 @@ label:focus { #custom-separator { color: #606060; } + #pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; } #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } #backlight-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; } #backlight-slider trough { - min-width: 80px; - min-height: 10px; - border-radius: 5px; + min-width: 80px; + min-height: 10px; + border-radius: 5px; } #backlight-slider highlight { - min-width: 10px; - border-radius: 5px; + min-width: 10px; + border-radius: 5px; }