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..e4071cc --- /dev/null +++ b/config @@ -0,0 +1 @@ +/home/nicholai/.config/waybar/configs/[TOP] wallust_new \ 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..3e37e1f --- /dev/null +++ b/configs/[TOP] Custom Minimal @@ -0,0 +1,93 @@ +/* ---- ๐Ÿ’ซ 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": "{}" + } + } +}, + +// 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}", + "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 + }, + "format-icons": { + "1": "1", + "2": "2", + "3": "3", + "4": "4", + "5": "5", + "6": "6", + "7": "7", + "8": "8", + "9": "9", + "10": "10", + "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/scripts/switch-layout.sh b/scripts/switch-layout.sh new file mode 100755 index 0000000..97b5cfd --- /dev/null +++ b/scripts/switch-layout.sh @@ -0,0 +1,32 @@ +#!/bin/bash +# Quick waybar layout switcher + +waybar_layouts="$HOME/.config/waybar/configs" +waybar_config="$HOME/.config/waybar/config" + +# 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 + 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:" + 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 + # 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" +fi diff --git a/scripts/switch-style.sh b/scripts/switch-style.sh new file mode 100755 index 0000000..0cae66d --- /dev/null +++ b/scripts/switch-style.sh @@ -0,0 +1,32 @@ +#!/bin/bash +# Quick waybar style/theme switcher + +waybar_styles="$HOME/.config/waybar/style" +waybar_css="$HOME/.config/waybar/style.css" + +# 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 + 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:" + 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 + # 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" +fi 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..da346da --- /dev/null +++ b/style.css @@ -0,0 +1 @@ +/home/nicholai/.config/waybar/style/[Colored] Translucent.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..4382e33 --- /dev/null +++ b/style/[Colored] Translucent.css @@ -0,0 +1,383 @@ +@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: 102%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 2px; +} + +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..964de2d --- /dev/null +++ b/style/[Pywal] Minimal.css @@ -0,0 +1,248 @@ +/* ---- ๐Ÿ’ซ Pywal Minimal Style ๐Ÿ’ซ ---- */ +/* Integrates Pywal colors with minimal aesthetic */ + +@import '/home/nicholai/.config/waybar/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: 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: 14px; +} + +#workspaces button:hover { + 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: 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); +} + +#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