diff options
| author | Martin Guzman <55927935+brockar@users.noreply.github.com> | 2026-01-21 16:18:43 -0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2026-01-21 16:18:43 -0300 |
| commit | c6198c1bedeffd08ec3f60f7ba3a41e6c5870885 (patch) | |
| tree | 458c030873b4e70ff9eda0baed5df257434871f4 /config/waybar | |
| parent | 7dedbe3d4a4560ac15987fdf8164dbbb1f4701bf (diff) | |
| parent | 88a09344e8cc7cffe69a017eb752e8c6fa17ddcb (diff) | |
Merge pull request #927 from JaKooLit/development
Merge Development to main branch for release
Diffstat (limited to 'config/waybar')
61 files changed, 1551 insertions, 123 deletions
diff --git a/config/waybar/ModulesCustom b/config/waybar/ModulesCustom index f4c871f7..cb390c0f 100644 --- a/config/waybar/ModulesCustom +++ b/config/waybar/ModulesCustom @@ -90,10 +90,10 @@ }, "custom/keyboard": { - "exec": "cat $HOME/.cache/kb_layout", + "exec": "$HOME/.config/hypr/scripts/KeyboardLayout.sh status", "interval": 1, "format": " {}", - "on-click": "$HOME/.config/hypr/scripts/SwitchKeyboardLayout.sh", + "on-click": "$HOME/.config/hypr/scripts/KeyboardLayout.sh switch", }, "custom/light_dark": { diff --git a/config/waybar/configs/[TOP & BOT] SummitSplit-glass b/config/waybar/configs/[TOP & BOT] SummitSplit-glass new file mode 100644 index 00000000..0c36cc14 --- /dev/null +++ b/config/waybar/configs/[TOP & BOT] SummitSplit-glass @@ -0,0 +1,93 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ + +// ### DUAL TOP and BOTTOM ### // + +[{ +"include": [ + "$HOME/.config/waybar/Modules", + "$HOME/.config/waybar/ModulesWorkspaces", + "$HOME/.config/waybar/ModulesCustom", + "$HOME/.config/waybar/ModulesGroups", + "$HOME/.config/waybar/UserModules", + ], +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 3, +"fixed-center": true, +"ipc": true, +"margin-top": 1, +"margin-left": 8, +"margin-right": 8, + +"modules-left": [ + "cpu", + "power-profiles-daemon", + "temperature", + "memory", + "disk", + ], + +"modules-center": [ + "idle_inhibitor", + "clock", + "custom/light_dark", + ], + +"modules-right": [ + "custom/weather", + "battery", + "backlight", + "bluetooth", + "network", + "custom/updater", + "custom/cycle_wall", + "custom/nightlight", + "custom/lock", + ], +}, + +{ +"include": [ + "$HOME/.config/waybar/Modules", + "$HOME/.config/waybar/ModulesWorkspaces", + "$HOME/.config/waybar/ModulesCustom", + "$HOME/.config/waybar/ModulesGroups", + "$HOME/.config/waybar/UserModules", + ], +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "top", +"spacing": 5, +"fixed-center": true, +"ipc": true, +"height": 0, +"margin-left": 8, +"margin-right": 8, +//"gtk-layer-shell": true, +//"margin-bottom": 0, + +"modules-left": [ + "custom/menu", + // "wlr/taskbar", + "hyprland/window", + "mpris", + ], + +"modules-center": [ + "hyprland/workspaces#rw", + ], + +"modules-right": [ + "tray", + "group/notify", + "pulseaudio", + //"wireplumber", + "pulseaudio#microphone", + "custom/power", + ], +}], diff --git a/config/waybar/configs/[TOP] Default Laptop b/config/waybar/configs/[TOP] Default Laptop index 0b264c6b..08a87244 100644 --- a/config/waybar/configs/[TOP] Default Laptop +++ b/config/waybar/configs/[TOP] Default Laptop @@ -26,20 +26,17 @@ "custom/cava_mviz", "custom/separator#blank", "custom/playerctl", - "custom/separator#blank_2", + "custom/separator#blank", "hyprland/window", ], "modules-center": [ - "group/app_drawer", "custom/separator#blank", + "group/app_drawer", "group/notify", - "custom/separator#dot-line", "hyprland/workspaces#rw", "clock", - "custom/separator#dot-line", "custom/weather", - "custom/separator#dot-line", "idle_inhibitor", "custom/hint", ], @@ -47,14 +44,10 @@ "modules-right": [ "tray", "network#speed", - "custom/separator#dot-line", "group/laptop", - "custom/separator#dot-line", "group/mobo_drawer", - "custom/separator#line", "group/audio", - "custom/separator#dot-line", "custom/nightlight", "group/status", ], -}
\ No newline at end of file +} diff --git a/config/waybar/configs/[TOP] Default Laptop (old v5) b/config/waybar/configs/[TOP] Default Laptop (old v5) new file mode 100644 index 00000000..0b264c6b --- /dev/null +++ b/config/waybar/configs/[TOP] Default Laptop (old v5) @@ -0,0 +1,60 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ + +// ### DEFAULT Laptop - Top ### // +{ +"include": [ + "$HOME/.config/waybar/Modules", + "$HOME/.config/waybar/ModulesWorkspaces", + "$HOME/.config/waybar/ModulesCustom", + "$HOME/.config/waybar/ModulesGroups", + "$HOME/.config/waybar/UserModules", + ], +"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/separator#blank", + "custom/cava_mviz", + "custom/separator#blank", + "custom/playerctl", + "custom/separator#blank_2", + "hyprland/window", + ], + +"modules-center": [ + "group/app_drawer", + "custom/separator#blank", + "group/notify", + "custom/separator#dot-line", + "hyprland/workspaces#rw", + "clock", + "custom/separator#dot-line", + "custom/weather", + "custom/separator#dot-line", + "idle_inhibitor", + "custom/hint", + ], + +"modules-right": [ + "tray", + "network#speed", + "custom/separator#dot-line", + "group/laptop", + "custom/separator#dot-line", + "group/mobo_drawer", + "custom/separator#line", + "group/audio", + "custom/separator#dot-line", + "custom/nightlight", + "group/status", + ], +}
\ No newline at end of file diff --git a/config/waybar/configs/[TOP] Default Laptop-glass b/config/waybar/configs/[TOP] Default Laptop-glass new file mode 100644 index 00000000..2a6db533 --- /dev/null +++ b/config/waybar/configs/[TOP] Default Laptop-glass @@ -0,0 +1,51 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ + +// ### DEFAULT Laptop - Top ### // +{ +"include": [ + "$HOME/.config/waybar/Modules", + "$HOME/.config/waybar/ModulesWorkspaces", + "$HOME/.config/waybar/ModulesCustom", + "$HOME/.config/waybar/ModulesGroups", + "$HOME/.config/waybar/UserModules", + ], +"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/separator#blank", + "custom/cava_mviz", + "custom/separator#blank", + "custom/playerctl", + "hyprland/window", + ], + +"modules-center": [ + "group/app_drawer", + "custom/separator#blank", + "group/notify", + "hyprland/workspaces#rw", + "clock", + "custom/weather", + "idle_inhibitor", + "custom/hint", + ], + +"modules-right": [ + "tray", + "group/laptop", + "group/mobo_drawer", + "group/audio", + "custom/nightlight", + "group/status", + ], +} diff --git a/config/waybar/configs/[TOP] Everforest-glass b/config/waybar/configs/[TOP] Everforest-glass new file mode 100644 index 00000000..8032f216 --- /dev/null +++ b/config/waybar/configs/[TOP] Everforest-glass @@ -0,0 +1,143 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* -- designed by https://github.com/DevNChill */ +// ### Everforest ### // + +{ +"include": [ + "$HOME/.config/waybar/Modules", + "$HOME/.config/waybar/ModulesWorkspaces", + "$HOME/.config/waybar/ModulesCustom", + "$HOME/.config/waybar/ModulesGroups", + "$HOME/.config/waybar/UserModules", + ], +"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/arch", + "hyprland/workspaces#rw", +// "mpris", + "group/notify", + "tray", + ], +"modules-center": [ + "clock#forest", + "idle_inhibitor", + ], +"modules-right": [ + "cpu#forest", + "memory#forest", + "temperature#forest", + "disk#forest", + "backlight", + "battery#forest", + "group/audio", + "custom/nightlight", + ], + +// Additional / Edited Waybar Modules // +"custom/arch": { + "format":" ", + "tooltip": false, + "on-click": "rofi -show drun" +}, +"clock#forest": { + "format": "{:L%A %d.%m.%Y - %H:%M}", + "tooltip-format": "<span color='#D3C6AA' size='larger'>{:%Y %B}</span>\n<tt>{calendar}</tt>", + "calendar-weeks-pos": "right", + "today-format": "<span color='#E67E80' weight='ultrabold'>{}</span>", + "format-calendar": "<span color='#D3C6AA' weight='normal'>{}</span>", + "format-calendar-weeks": "<span color='#7FBBB3'><b>W{:%V}</b></span>", + "format-calendar-weekdays": "<span color='#A7C080'><b>{}</b></span>", + "on-scroll": { + "calendar": 1 + } +}, +"battery#forest": { + //"interval": 5, + "align": 0, + "rotate": 0, + //"bat": "BAT1", + //"adapter": "ACAD", + "full-at": 100, + "design-capacity": false, + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "Battery {icon} {capacity}%", + "format-charging": "Battery {capacity}%", + "format-plugged": "Battery {capacity}%", + "format-alt-click": "click", + "format-full": "Battery {icon} Full", + "format-alt": "Battery {icon} {time}", + "format-icons": [ + "", "", "", "", "", "", "", "", "", "", "" + ], + "format-time": "{H}h {M}min", + "tooltip": true, + "tooltip-format": "{timeTo} {power}w", + "on-click-middle": "$HOME/.config/hypr/scripts/ChangeBlur.sh", + "on-click-right": "$HOME/.config/hypr/scripts/Wlogout.sh", +}, + +"cpu#forest": { + "format": "Cpu {usage}%", + "interval": 1, + "min-length": 5, + "format-alt-click": "click", + "format-alt": "{icon0}{icon1}{icon2}{icon3} {usage:>2}% ", + "format-icons": [ + "▁", "▂", "▃", "▄", "▅", "▆", "▇", "█" + ], + "on-click-right": "gnome-system-monitor", +}, + +"disk#forest": { + "interval": 30, + //"format": "Disk ", + "path": "/", + //"format-alt-click": "click", + "format": "Disk {used}", + "on-click-right": "baobab", +// "tooltip": true, +// "tooltip-format": "Disk {used} used out of {total} on {path} ({percentage_used}%)", +}, + +"memory#forest": { + "interval": 10, + "format": "Ram {used:0.1f}G", + "format-alt": "Ram {percentage}% ", + "format-alt-click": "click", + "tooltip": true, + "tooltip-format": "Ram {used:0.1f}GB/{total:0.1f}G", + "on-click-right": "kitty --title btop sh -c 'btop'" +}, +"temperature#forest": { + "interval": 10, + "tooltip": true, + "hwmon-path": [ + "/sys/class/hwmon/hwmon1/temp1_input", + "/sys/class/thermal/thermal_zone0/temp" + ], + //"thermal-zone": 0, + "critical-threshold": 82, + "format-critical": "Temp {icon} {temperatureC}°C", + "format": "Temp {icon} {temperatureC}°C", + "format-icons": [ + " " + ], + "on-click-right": "kitty --title nvtop sh -c 'nvtop'" +}, +} + diff --git a/config/waybar/style/Crystal Clear Glass.css b/config/waybar/style/Crystal Clear Glass.css new file mode 100644 index 00000000..3e309abb --- /dev/null +++ b/config/waybar/style/Crystal Clear Glass.css @@ -0,0 +1,245 @@ +/* CRYSTAL CLEAR Glass theme for Waybar */ + +/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com +SPDX-License-Identifier: GPL-3.0-or-later */ + +/* +----------------------------------------------------- +General +----------------------------------------------------- +*/ + +* { + background-color: transparent; + font-family: "JetBrainsMono Nerd Font"; + border: none; + font-weight: bolder; + border-radius: 0px; + + /* Extra tweaks */ + 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"'; + margin-top: 3px; + padding-bottom: 2px; +} + +window#waybar { + background: transparent; +} + +.modules-left { + border-radius: 12px; + border: 1px solid transparent; + opacity: 0.8; + padding-left: 5px; + padding-right: 15px; + margin: 10px; + background-color: rgba(255, 255, 255, 0.25); + box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.2); +} + +.modules-right { + border-radius: 12px; + border: 1px solid transparent; + opacity: 0.8; + padding-left: 15px; + margin: 10px; + background-color: rgba(255, 255, 255, 0.25); + box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.3); +} + +.modules-center { + border-radius: 12px; + border: 1px solid transparent; + opacity: 0.8; + margin: 10px; + background-color: rgba(255, 255, 255, 0.25); + box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.2); +} + +label.module { + font-size: 14px; + margin-left: 8px; + margin-right: 8px; + border-radius: 5px; +} + +label.module { + font-size: 14px; + padding: 3px 10px; + transition: all 0.3s ease-out; + border-radius: 10px; + border: 0px solid transparent; +} + +label.module:hover { +} + +/* ----------------------------------------------------- + * Workspaces + * ----------------------------------------------------- */ + +#workspaces { + padding: 5px 3px 5px 3px; + min-width: 176px; + font-weight: 600; +} + +#workspaces button { + border-radius: 3px; + padding: 0px 5px 0px 5px; + margin: 0px 2px 0px 2px; + transition: all 0.3s ease-in-out; + border: 1px solid transparent; +} + +#workspaces button.active { + background-color: rgba(255, 255, 255, 0.35); + + border: 1px solid transparent; + transition: all 0.3s ease-in-out; + min-width: 30px; + border-radius: 8px; + box-shadow: + inset 1px 2px 2px rgba(255, 255, 255, 0.5), + inset 0 1px 1px rgba(255, 255, 255, 0.8); +} + +#workspaces button:hover { + background-color: rgba(255, 255, 255, 0.2); + border-radius: 15px; +} + +/* ----------------------------------------------------- + * Tooltips + * ----------------------------------------------------- */ + +tooltip { + border-radius: 12px; + border: 1px solid transparent; + opacity: 0.7; + margin: 10px; +} + +/* ----------------------------------------------------- + * Window + * ----------------------------------------------------- */ + +#window { + background-color: transparent; + padding-right: 12px; +} + +window#waybar.empty #window { + background-color: transparent; +} + +/* ----------------------------------------------------- + * Taskbar + * ----------------------------------------------------- */ + +#taskbar { + padding: 5px 0px 5px 0px; +} + +#taskbar button { + border-radius: 6px; + padding: 0px 5px 0px 5px; +} + +#custom-updates.yellow { + border-radius: 8px; + margin: 5px 0px 5px 5px; + padding: 0px 6px 0px 6px; +} + +#custom-updates.red { + border-radius: 8px; + margin: 6px 0px 6px 7px; + padding: 0px 6px 0px 6px; +} + +/* ----------------------------------------------------- + * Clock + * ----------------------------------------------------- */ + +#clock { + margin-left: 12px; + margin-right: 12px; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #ffffff; + } +} + +#battery.critical:not(.charging) { + background-color: transparent; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-nightlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-nightlight, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-quit, +#custom-reboot, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#custom-updater, +#custom-hyprpicker, +#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: transparent; +} diff --git a/config/waybar/style/ML4W Glass-3d.css b/config/waybar/style/ML4W Glass-3d.css new file mode 100644 index 00000000..e54b07cc --- /dev/null +++ b/config/waybar/style/ML4W Glass-3d.css @@ -0,0 +1,327 @@ +/* ML4W GLASS THEME */ + +/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com +SPDX-License-Identifier: GPL-3.0-or-later */ + +/* +----------------------------------------------------- +General +----------------------------------------------------- +*/ + +* { + background-color: transparent; + font-family: "JetBrainsMono Nerd Font"; + border: none; + font-weight: bolder; + border-radius: 0px; + + /* Extra tweaks */ + 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"'; + margin-top: 3px; + padding-bottom: 2px; +} + +@import "style/ML4W/glass.css"; +/* Soft-neutral override: keeps glass gradients but avoids red-dominant palettes */ +@define-color surface @background-alt; +@define-color surface_dim @background; +@define-color primary @foreground; +@define-color on_primary @background; +@define-color on_primary_fixed @background; +@define-color on_primary_fixed_variant @foreground; +@define-color secondary @foreground; +@define-color on_secondary @background; +@define-color on_tertiary_fixed @background; +@define-color on_tertiary_fixed_variant @foreground; +@define-color error @foreground; +@define-color on_error @background; +@define-color accent @color12; /* wallust primary for subtle highlights */ + +window#waybar { + background: transparent; + border: 0; + outline: none; +} + +.modules-left { + background-color: @surface; + border-radius: 12px; + background: + radial-gradient( + circle at 50% 250%, + alpha(darker(@surface), 0.9), + alpha(@surface_dim, 0.9) + ) + padding-box, + linear-gradient(@primary, @on_primary) border-box; + border: 1px solid transparent; + opacity: 0.8; + padding-right: 15px; + margin: 10px; + box-shadow: + inset 0 -2px 0 alpha(@accent, 0.45), + inset 1px 2px 2px rgba(255, 255, 255, 0.2); +} + +.modules-right { + background-color: @surface; + border-radius: 12px; + background: + radial-gradient( + circle at 50% 250%, + alpha(darker(@surface), 0.9), + alpha(@surface_dim, 0.9) + ) + padding-box, + linear-gradient(@primary, @on_primary) border-box; + border: 1px solid transparent; + opacity: 0.8; + padding-left: 15px; + margin: 10px; + box-shadow: + inset 0 -2px 0 alpha(@accent, 0.45), + inset 1px 2px 2px rgba(255, 255, 255, 0.3); +} + +.modules-center { + background-color: @surface; + border-radius: 12px; + background: + radial-gradient( + circle at 50% 250%, + alpha(darker(@surface), 0.9), + alpha(@surface_dim, 0.9) + ) + padding-box, + linear-gradient(@primary, @on_primary) border-box; + border: 1px solid transparent; + opacity: 0.8; + margin: 10px; + box-shadow: + inset 0 -2px 0 alpha(@accent, 0.45), + inset 0px 2px 2px rgba(255, 255, 255, 0.2); +} + +label.module { + font-size: 14px; + margin-left: 8px; + margin-right: 8px; + border-radius: 5px; +} + +label.module { + font-size: 14px; + color: @on_surface; + padding: 3px 10px; + transition: all 0.3s ease-out; + background: + radial-gradient( + circle at 50% 250%, + @on_tertiary_fixed_variant, + @on_tertiary_fixed + ) + padding-box, + linear-gradient(@on_primary_fixed_variant, @on_primary_fixed) border-box; + border-radius: 10px; + border: 0px solid transparent; +} + +label.module:hover { +} + +/* ----------------------------------------------------- + * Workspaces + * ----------------------------------------------------- */ + +#workspaces { + padding: 5px 3px 5px 3px; + min-width: 176px; + font-weight: 600; +} + +#workspaces button { + color: @on_surface; + border-radius: 3px; + padding: 0px 5px 0px 5px; + margin: 0px 2px 0px 2px; + transition: all 0.3s ease-in-out; + border: 1px solid transparent; +} + +#workspaces button.active { + background: alpha(@accent, 0.2); + border: 1px solid transparent; + transition: all 0.3s ease-in-out; + min-width: 30px; + border-radius: 8px; + box-shadow: + inset 0 -3px 0 alpha(@accent, 0.8), + inset 1px 2px 2px rgba(255, 255, 255, 0.45), + inset 0 1px 1px rgba(255, 255, 255, 0.7); +} + +#workspaces button:hover { + background: alpha(@secondary, 0.2); + border-radius: 15px; +} + +/* ----------------------------------------------------- + * Tooltips + * ----------------------------------------------------- */ + +tooltip { + background-color: @surface; + border-radius: 12px; + background: + radial-gradient(circle at 50% 250%, @surface, @surface_dim) padding-box, + linear-gradient(#ffffff, @on_primary) border-box; + border: 1px solid transparent; + opacity: 0.7; + margin: 10px; +} + +tooltip label { + color: @on_surface; +} + +/* ----------------------------------------------------- + * Window + * ----------------------------------------------------- */ + +#window { + background-color: transparent; + /* Override global margin/padding so the window pill hugs the bar edges */ + margin: 0; + padding: 0; +} + +window#waybar.empty #window { + background-color: transparent; +} + +/* Tighter content padding specifically for the window title */ +#window label { + margin: 0; + padding: 4px 10px; +} + +/* ----------------------------------------------------- + * Taskbar + * ----------------------------------------------------- */ + +#taskbar { + padding: 5px 0px 5px 0px; +} + +#taskbar button { + border-radius: 6px; + padding: 0px 5px 0px 5px; +} + +#taskbar button:hover { + background: @primary; + color: @on_primary; +} + +#custom-updates.yellow { + border-radius: 8px; + margin: 5px 0px 5px 5px; + padding: 0px 6px 0px 6px; + background-color: @secondary; + color: @on_secondary; +} + +#custom-updates.red { + border-radius: 8px; + margin: 6px 0px 6px 7px; + padding: 0px 6px 0px 6px; + background-color: @error; + color: @on_error; +} + +/* ----------------------------------------------------- + * Clock + * ----------------------------------------------------- */ + +#clock { + margin-left: 12px; + margin-right: 12px; +} + +@keyframes blink { + to { + background-color: @background; + color: @on_surface; + } +} + +#battery.critical:not(.charging) { + background-color: transparent; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-nightlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-nightlight, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-quit, +#custom-reboot, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#custom-updater, +#custom-hyprpicker, +#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: transparent; +} diff --git a/config/waybar/style/ML4W Glass.css b/config/waybar/style/ML4W Glass.css new file mode 100644 index 00000000..3a48d39a --- /dev/null +++ b/config/waybar/style/ML4W Glass.css @@ -0,0 +1,295 @@ +/* ML4W GLASS THEME - CRYSTAL CLEAR */ + +/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com +SPDX-License-Identifier: GPL-3.0-or-later */ + +/* +----------------------------------------------------- +General +----------------------------------------------------- +*/ + +* { + background-color: transparent; + font-family: "JetBrainsMono Nerd Font"; + border: none; + font-weight: bolder; + border-radius: 0px; + + /* Extra tweaks */ + 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"'; + margin-top: 3px; + padding-bottom: 2px; +} + +@import "style/ML4W/glass.css"; + +window#waybar { + background: transparent; +} + +.modules-left { + background-color: @surface; + border-radius: 12px; + background: + radial-gradient( + circle at 50% 250%, + alpha(darker(@surface), 0.9), + alpha(@surface_dim, 0.9) + ) + padding-box, + linear-gradient(@primary, @on_primary) border-box; + border: 1px solid transparent; + opacity: 0.8; + padding-right: 15px; + margin: 10px; + box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.2); +} + +.modules-right { + background-color: @surface; + border-radius: 12px; + background: + radial-gradient( + circle at 50% 250%, + alpha(darker(@surface), 0.9), + alpha(@surface_dim, 0.9) + ) + padding-box, + linear-gradient(@primary, @on_primary) border-box; + border: 1px solid transparent; + opacity: 0.8; + padding-left: 15px; + margin: 10px; + box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.3); +} + +.modules-center { + background-color: @surface; + border-radius: 12px; + background: + radial-gradient( + circle at 50% 250%, + alpha(darker(@surface), 0.9), + alpha(@surface_dim, 0.9) + ) + padding-box, + linear-gradient(@primary, @on_primary) border-box; + border: 1px solid transparent; + opacity: 0.8; + margin: 10px; + box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.2); +} + +label.module { + font-size: 14px; + margin-left: 8px; + margin-right: 8px; + border-radius: 5px; +} + +label.module { + font-size: 14px; + color: @on_surface; + padding: 3px 10px; + transition: all 0.3s ease-out; + background: + radial-gradient( + circle at 50% 250%, + @on_tertiary_fixed_variant, + @on_tertiary_fixed + ) + padding-box, + linear-gradient(@on_primary_fixed_variant, @on_primary_fixed) border-box; + border-radius: 10px; + border: 0px solid transparent; +} + +label.module:hover { +} + +/* ----------------------------------------------------- + * Workspaces + * ----------------------------------------------------- */ + +#workspaces { + padding: 5px 3px 5px 3px; + min-width: 176px; + font-weight: 600; +} + +#workspaces button { + color: @on_surface; + border-radius: 3px; + padding: 0px 5px 0px 5px; + margin: 0px 2px 0px 2px; + transition: all 0.3s ease-in-out; + border: 1px solid transparent; +} + +#workspaces button.active { + background: alpha(@primary, 0.2); + border: 1px solid transparent; + transition: all 0.3s ease-in-out; + min-width: 30px; + border-radius: 8px; + box-shadow: + inset 1px 2px 2px rgba(255, 255, 255, 0.5), + inset 0 1px 1px rgba(255, 255, 255, 0.8); +} + +#workspaces button:hover { + background: alpha(@secondary, 0.2); + border-radius: 15px; +} + +/* ----------------------------------------------------- + * Tooltips + * ----------------------------------------------------- */ + +tooltip { + background-color: @surface; + border-radius: 12px; + background: + radial-gradient(circle at 50% 250%, @surface, @surface_dim) padding-box, + linear-gradient(#ffffff, @on_primary) border-box; + border: 1px solid transparent; + opacity: 0.7; + margin: 10px; +} + +tooltip label { + color: @on_surface; +} + +/* ----------------------------------------------------- + * Window + * ----------------------------------------------------- */ + +#window { + background-color: transparent; +} + +window#waybar.empty #window { + background-color: transparent; +} + +/* ----------------------------------------------------- + * Taskbar + * ----------------------------------------------------- */ + +#taskbar { + padding: 5px 0px 5px 0px; +} + +#taskbar button { + border-radius: 6px; + padding: 0px 5px 0px 5px; +} + +#taskbar button:hover { + background: @primary; + color: @on_primary; +} + +#custom-updates.yellow { + border-radius: 8px; + margin: 5px 0px 5px 5px; + padding: 0px 6px 0px 6px; + background-color: @secondary; + color: @on_secondary; +} + +#custom-updates.red { + border-radius: 8px; + margin: 6px 0px 6px 7px; + padding: 0px 6px 0px 6px; + background-color: @error; + color: @on_error; +} + +/* ----------------------------------------------------- + * Clock + * ----------------------------------------------------- */ + +#clock { + margin-left: 12px; + margin-right: 12px; +} + +@keyframes blink { + to { + background-color: @background; + color: @on_surface; + } +} + +#battery.critical:not(.charging) { + background-color: transparent; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-nightlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-nightlight, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-quit, +#custom-reboot, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#custom-updater, +#custom-hyprpicker, +#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: transparent; +} diff --git a/config/waybar/style/ML4W/glass.css b/config/waybar/style/ML4W/glass.css new file mode 100644 index 00000000..6986a6d1 --- /dev/null +++ b/config/waybar/style/ML4W/glass.css @@ -0,0 +1,52 @@ +/* ML4W Glass theme for Kool's Hyprland */ + +/* SPDX-FileCopyrightText: 2025-present Ahum Maitra theahummaitra@gmail.com + +SPDX-License-Identifier: GPL-3.0-or-later */ + +@import "../../wallust/colors-waybar.css"; + +/* ------------------------- + * Base surfaces + * ------------------------- */ + +@define-color background @background; +@define-color surface @color9; +@define-color surface_dim @color1; + +/* ------------------------- + * Primary colors + * ------------------------- */ + +@define-color primary @color12; +@define-color on_primary @color7; + +@define-color on_primary_fixed @color1; +@define-color on_primary_fixed_variant @color10; + +/* ------------------------- + * Secondary colors + * ------------------------- */ + +@define-color secondary @color14; +@define-color on_secondary @color1; + +/* ------------------------- + * Tertiary (used for module pills) + * ------------------------- */ + +@define-color on_tertiary_fixed @color1; +@define-color on_tertiary_fixed_variant @color11; + +/* ------------------------- + * Text + * ------------------------- */ + +@define-color on_surface @foreground; + +/* ------------------------- + * Error states + * ------------------------- */ + +@define-color error @color9; +@define-color on_error @color7; diff --git a/config/waybar/style/[0 VERTICAL] Golden Noir.css b/config/waybar/style/[0 VERTICAL] Golden Noir.css index c64fedf9..c89aefda 100644 --- a/config/waybar/style/[0 VERTICAL] Golden Noir.css +++ b/config/waybar/style/[0 VERTICAL] Golden Noir.css @@ -118,6 +118,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -126,6 +127,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -173,6 +175,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css b/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css index 3a6084cb..053cb007 100644 --- a/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css +++ b/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css @@ -80,6 +80,7 @@ button.active { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -88,6 +89,7 @@ button.active { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -221,6 +223,7 @@ label:focus { #custom-lock, #custom-light_dark, +#custom-nightlight, #backlight { background-color: #64b6ac; color: #2d353b; @@ -296,10 +299,12 @@ label:focus { #idle_inhibitor { background-color: #2d3436; + border-bottom: 8px solid #7a8c37; } #idle_inhibitor.activated { background-color: #ecf0f1; + border-bottom: 8px solid #7a8c37; color: #2d3436; } diff --git a/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css b/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css index 971dc40f..0aa6fd45 100644 --- a/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css +++ b/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css @@ -90,6 +90,7 @@ tooltip label { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -98,6 +99,7 @@ tooltip label { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -133,6 +135,7 @@ tooltip label { #idle_inhibitor { color: @pink; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #mpris { diff --git a/config/waybar/style/[Black & White] Monochrome.css b/config/waybar/style/[Black & White] Monochrome.css index 700bebfc..e1e08a60 100644 --- a/config/waybar/style/[Black & White] Monochrome.css +++ b/config/waybar/style/[Black & White] Monochrome.css @@ -127,6 +127,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -135,6 +136,7 @@ tooltip label{ #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -170,6 +172,7 @@ tooltip label{ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { diff --git a/config/waybar/style/[Catppuccin] Frappe.css b/config/waybar/style/[Catppuccin] Frappe.css index 82f79678..5ea4884c 100644 --- a/config/waybar/style/[Catppuccin] Frappe.css +++ b/config/waybar/style/[Catppuccin] Frappe.css @@ -91,6 +91,7 @@ window#waybar.hidden { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -99,6 +100,7 @@ window#waybar.hidden { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -135,6 +137,7 @@ window#waybar.hidden { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 3px solid @sapphire; } #backlight { diff --git a/config/waybar/style/[Catppuccin] Latte.css b/config/waybar/style/[Catppuccin] Latte.css index 80608e53..4f7411c6 100644 --- a/config/waybar/style/[Catppuccin] Latte.css +++ b/config/waybar/style/[Catppuccin] Latte.css @@ -90,6 +90,7 @@ window#waybar.hidden { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -98,6 +99,7 @@ window#waybar.hidden { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -134,6 +136,7 @@ window#waybar.hidden { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 3px solid @lavender; } #backlight { diff --git a/config/waybar/style/[Catppuccin] Mocha.css b/config/waybar/style/[Catppuccin] Mocha.css index 67f4efa5..c2b70a2a 100644 --- a/config/waybar/style/[Catppuccin] Mocha.css +++ b/config/waybar/style/[Catppuccin] Mocha.css @@ -113,6 +113,7 @@ window#waybar.empty #window { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -121,6 +122,7 @@ window#waybar.empty #window { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -156,6 +158,7 @@ window#waybar.empty #window { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #bluetooth, diff --git a/config/waybar/style/[Colored] Chroma Glow.css b/config/waybar/style/[Colored] Chroma Glow.css index 2497d69f..794ca085 100644 --- a/config/waybar/style/[Colored] Chroma Glow.css +++ b/config/waybar/style/[Colored] Chroma Glow.css @@ -114,6 +114,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -122,6 +123,7 @@ tooltip label{ #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -214,6 +216,7 @@ label:focus { } #custom-light_dark, +#custom-nightlight, #backlight { color: white; } @@ -281,6 +284,7 @@ label:focus { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #mpd { diff --git a/config/waybar/style/[Colored] Translucent.css b/config/waybar/style/[Colored] Translucent.css index 50803ef7..edac012c 100644 --- a/config/waybar/style/[Colored] Translucent.css +++ b/config/waybar/style/[Colored] Translucent.css @@ -115,6 +115,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -123,6 +124,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -290,13 +292,15 @@ label:focus { #custom-hypridle, #idle_inhibitor { color: #f9e2af; - /*background-color: #2d3436;*/ + /*background-color: #2d3436; + border-bottom: 8px solid rgba(0, 0, 0, 0.2);*/ } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #mpd { diff --git a/config/waybar/style/[Colorful] Aurora Blossom.css b/config/waybar/style/[Colorful] Aurora Blossom.css index dbd405d2..8de9c905 100644 --- a/config/waybar/style/[Colorful] Aurora Blossom.css +++ b/config/waybar/style/[Colorful] Aurora Blossom.css @@ -106,6 +106,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -114,6 +115,7 @@ tooltip label{ #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -152,6 +154,7 @@ tooltip label{ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { diff --git a/config/waybar/style/[Colorful] Aurora.css b/config/waybar/style/[Colorful] Aurora.css index 92c058c6..c5e5fde8 100644 --- a/config/waybar/style/[Colorful] Aurora.css +++ b/config/waybar/style/[Colorful] Aurora.css @@ -95,6 +95,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -103,6 +104,7 @@ tooltip label{ #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -159,6 +161,7 @@ tooltip label{ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { diff --git a/config/waybar/style/[Colorful] Oglo Chicklets.css b/config/waybar/style/[Colorful] Oglo Chicklets.css index b5ac3584..b1910128 100644 --- a/config/waybar/style/[Colorful] Oglo Chicklets.css +++ b/config/waybar/style/[Colorful] Oglo Chicklets.css @@ -80,6 +80,7 @@ button.active { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -88,6 +89,7 @@ button.active { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -221,6 +223,7 @@ label:focus { #custom-lock, #custom-light_dark, +#custom-nightlight, #backlight { background-color: #64b6ac; color: #2d353b; @@ -296,10 +299,12 @@ label:focus { #idle_inhibitor { background-color: #2d3436; + border-bottom: 8px solid #1d2327; } #idle_inhibitor.activated { background-color: #ecf0f1; + border-bottom: 8px solid #7a8c37; color: #2d3436; } diff --git a/config/waybar/style/[Colorful] Rainbow Spectrum.css b/config/waybar/style/[Colorful] Rainbow Spectrum.css index 6ca5906f..4cd9cda8 100644 --- a/config/waybar/style/[Colorful] Rainbow Spectrum.css +++ b/config/waybar/style/[Colorful] Rainbow Spectrum.css @@ -98,6 +98,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -106,6 +107,7 @@ tooltip label{ #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -260,15 +262,18 @@ tooltip label{ #custom-power_vertical, #custom-light_dark, +#custom-nightlight, #custom-hypridle, #idle_inhibitor { background-color: #86b4fa; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #bluetooth { diff --git a/config/waybar/style/[Colorful] stolen-style.css b/config/waybar/style/[Colorful] stolen-style.css index c6b3345f..be1a9f61 100644 --- a/config/waybar/style/[Colorful] stolen-style.css +++ b/config/waybar/style/[Colorful] stolen-style.css @@ -51,12 +51,14 @@ window#waybar.empty #window { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-cycle_wall, #custom-github, #custom-hint, #custom-hyprWindowMode, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-menu, #custom-power, @@ -115,6 +117,7 @@ window#waybar.empty #window { #idle_inhibitor { color: #7aa2f7; + border-bottom: 2px solid #455a64; } #backlight { diff --git a/config/waybar/style/[Dark] Golden Eclipse.css b/config/waybar/style/[Dark] Golden Eclipse.css index af3160a6..cb152b48 100644 --- a/config/waybar/style/[Dark] Golden Eclipse.css +++ b/config/waybar/style/[Dark] Golden Eclipse.css @@ -54,6 +54,7 @@ window#waybar.hidden { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -62,6 +63,7 @@ window#waybar.hidden { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -115,6 +117,7 @@ window#waybar.hidden { #custom-hypridle.notactive, #idle_inhibitor.activated { color: cyan; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[Dark] Golden Noir.css b/config/waybar/style/[Dark] Golden Noir.css index 17025266..8664c35e 100644 --- a/config/waybar/style/[Dark] Golden Noir.css +++ b/config/waybar/style/[Dark] Golden Noir.css @@ -118,6 +118,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -126,6 +127,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -173,6 +175,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[Dark] Half-Moon.css b/config/waybar/style/[Dark] Half-Moon.css index ab89c048..ba6f78de 100644 --- a/config/waybar/style/[Dark] Half-Moon.css +++ b/config/waybar/style/[Dark] Half-Moon.css @@ -122,6 +122,7 @@ color: #F3F4F5; } #custom-light_dark, +#custom-nightlight, #custom-dot_update, #custom-swaync, #custom-hypridle, @@ -138,6 +139,7 @@ color: #F3F4F5; #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 1px solid rgba(26,27,38,0); } #bluetooth { diff --git a/config/waybar/style/[Dark] Latte-Wallust combined v2.css b/config/waybar/style/[Dark] Latte-Wallust combined v2.css index 46d55346..e8d8f438 100644 --- a/config/waybar/style/[Dark] Latte-Wallust combined v2.css +++ b/config/waybar/style/[Dark] Latte-Wallust combined v2.css @@ -132,6 +132,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -140,6 +141,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -248,12 +250,14 @@ tooltip { #custom-lock, #idle_inhibitor { color: @teal; + border-bottom: 2px solid @border-color; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 2px solid @border-color; } #clock { diff --git a/config/waybar/style/[Dark] Latte-Wallust combined.css b/config/waybar/style/[Dark] Latte-Wallust combined.css index ea5c08a5..a969c395 100644 --- a/config/waybar/style/[Dark] Latte-Wallust combined.css +++ b/config/waybar/style/[Dark] Latte-Wallust combined.css @@ -137,6 +137,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -145,6 +146,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -253,12 +255,14 @@ tooltip { #custom-lock, #idle_inhibitor { color: @teal; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } diff --git a/config/waybar/style/[Dark] Purpl.css b/config/waybar/style/[Dark] Purpl.css index 5e2ff8aa..090d11ab 100644 --- a/config/waybar/style/[Dark] Purpl.css +++ b/config/waybar/style/[Dark] Purpl.css @@ -122,6 +122,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -130,6 +131,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -177,6 +179,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #taskbar button.active { diff --git a/config/waybar/style/[Dark] Wallust Obsidian Edge.css b/config/waybar/style/[Dark] Wallust Obsidian Edge.css index 94ad7cac..c5e2fd48 100644 --- a/config/waybar/style/[Dark] Wallust Obsidian Edge.css +++ b/config/waybar/style/[Dark] Wallust Obsidian Edge.css @@ -108,6 +108,7 @@ tooltip label { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -116,6 +117,7 @@ tooltip label { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -164,6 +166,7 @@ tooltip label { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[Extra] Arrow.css b/config/waybar/style/[Extra] Arrow.css index 9435d226..84d9ead0 100644 --- a/config/waybar/style/[Extra] Arrow.css +++ b/config/waybar/style/[Extra] Arrow.css @@ -84,6 +84,7 @@ #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -92,6 +93,7 @@ #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, diff --git a/config/waybar/style/[Extra] Crimson.css b/config/waybar/style/[Extra] Crimson.css index cf9e7db2..52441a19 100644 --- a/config/waybar/style/[Extra] Crimson.css +++ b/config/waybar/style/[Extra] Crimson.css @@ -106,6 +106,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -114,6 +115,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -161,6 +163,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[Extra] EverForest.css b/config/waybar/style/[Extra] EverForest.css index f0014762..cae9b753 100644 --- a/config/waybar/style/[Extra] EverForest.css +++ b/config/waybar/style/[Extra] EverForest.css @@ -221,12 +221,14 @@ window#waybar.hidden { border-radius: 5px; margin-left: 5px; background-color: @blue; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); color: @black; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { background-color: @fg; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); color: @bg0; } @@ -286,6 +288,7 @@ window#waybar.hidden { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -294,6 +297,7 @@ window#waybar.hidden { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, diff --git a/config/waybar/style/[Extra] ML4W starter.css b/config/waybar/style/[Extra] ML4W starter.css index 8d651da6..42abcdac 100644 --- a/config/waybar/style/[Extra] ML4W starter.css +++ b/config/waybar/style/[Extra] ML4W starter.css @@ -155,6 +155,7 @@ window#waybar.empty #window { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -163,6 +164,7 @@ window#waybar.empty #window { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, diff --git a/config/waybar/style/[Extra] Mauve.css b/config/waybar/style/[Extra] Mauve.css index ec24bec7..1c565375 100644 --- a/config/waybar/style/[Extra] Mauve.css +++ b/config/waybar/style/[Extra] Mauve.css @@ -125,6 +125,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -133,6 +134,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -181,6 +183,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[Extra] Modern-Combined - Transparent.css b/config/waybar/style/[Extra] Modern-Combined - Transparent.css index c4ff7197..b357ea6c 100644 --- a/config/waybar/style/[Extra] Modern-Combined - Transparent.css +++ b/config/waybar/style/[Extra] Modern-Combined - Transparent.css @@ -139,6 +139,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -147,6 +148,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -243,6 +245,7 @@ tooltip { #custom-lock, #idle_inhibitor { color: @teal; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #custom-weather, @@ -265,6 +268,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #clock { diff --git a/config/waybar/style/[Extra] Modern-Combined.css b/config/waybar/style/[Extra] Modern-Combined.css index dbbddf60..ab32852b 100644 --- a/config/waybar/style/[Extra] Modern-Combined.css +++ b/config/waybar/style/[Extra] Modern-Combined.css @@ -143,6 +143,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cycle_wall, #custom-dot_update, @@ -150,6 +151,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -257,6 +259,7 @@ tooltip { #custom-lock, #idle_inhibitor { color: @teal; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #custom-weather, @@ -279,6 +282,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #clock { diff --git a/config/waybar/style/[Extra] Neon Circuit.css b/config/waybar/style/[Extra] Neon Circuit.css index 7fbb39a5..413021c9 100644 --- a/config/waybar/style/[Extra] Neon Circuit.css +++ b/config/waybar/style/[Extra] Neon Circuit.css @@ -103,6 +103,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -111,6 +112,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, diff --git a/config/waybar/style/[Extra] Prismatic Glow.css b/config/waybar/style/[Extra] Prismatic Glow.css index 8179352d..367d2076 100644 --- a/config/waybar/style/[Extra] Prismatic Glow.css +++ b/config/waybar/style/[Extra] Prismatic Glow.css @@ -150,6 +150,7 @@ window#waybar.empty { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -158,6 +159,7 @@ window#waybar.empty { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, diff --git a/config/waybar/style/[Extra] Rose Pine.css b/config/waybar/style/[Extra] Rose Pine.css index 023b03a2..86b83655 100644 --- a/config/waybar/style/[Extra] Rose Pine.css +++ b/config/waybar/style/[Extra] Rose Pine.css @@ -126,6 +126,7 @@ tooltip { #window, #wireplumber, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -134,6 +135,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -181,6 +183,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 2px; } @keyframes blink { diff --git a/config/waybar/style/[Extra] Simple Pink.css b/config/waybar/style/[Extra] Simple Pink.css index db63a02f..937a1dc2 100644 --- a/config/waybar/style/[Extra] Simple Pink.css +++ b/config/waybar/style/[Extra] Simple Pink.css @@ -118,6 +118,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -126,6 +127,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -174,6 +176,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[Light] Monochrome Contrast.css b/config/waybar/style/[Light] Monochrome Contrast.css index 95b34fcc..820d9934 100644 --- a/config/waybar/style/[Light] Monochrome Contrast.css +++ b/config/waybar/style/[Light] Monochrome Contrast.css @@ -107,6 +107,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -115,6 +116,7 @@ tooltip label{ #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -153,6 +155,7 @@ tooltip label{ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { diff --git a/config/waybar/style/[Light] Obsidian Glow.css b/config/waybar/style/[Light] Obsidian Glow.css index 692ce5d5..8de4e888 100644 --- a/config/waybar/style/[Light] Obsidian Glow.css +++ b/config/waybar/style/[Light] Obsidian Glow.css @@ -94,6 +94,7 @@ tooltip label { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -102,6 +103,7 @@ tooltip label { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -150,6 +152,7 @@ tooltip label { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #taskbar button.active { diff --git a/config/waybar/style/[Rainbow] RGB Bordered.css b/config/waybar/style/[Rainbow] RGB Bordered.css index b38ae40d..e3d996d7 100644 --- a/config/waybar/style/[Rainbow] RGB Bordered.css +++ b/config/waybar/style/[Rainbow] RGB Bordered.css @@ -114,6 +114,7 @@ window#waybar.empty #window { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -122,6 +123,7 @@ window#waybar.empty #window { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -157,6 +159,7 @@ window#waybar.empty #window { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #bluetooth, diff --git a/config/waybar/style/[Retro] Simple Style.css b/config/waybar/style/[Retro] Simple Style.css index 8a601487..6b14e221 100644 --- a/config/waybar/style/[Retro] Simple Style.css +++ b/config/waybar/style/[Retro] Simple Style.css @@ -68,6 +68,7 @@ window#waybar { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -76,6 +77,7 @@ window#waybar { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -135,6 +137,7 @@ window#waybar { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 3px solid yellow; } #battery.critical, diff --git a/config/waybar/style/[Transparent] Crystal Clear.css b/config/waybar/style/[Transparent] Crystal Clear.css index b355c176..6f4ec33f 100644 --- a/config/waybar/style/[Transparent] Crystal Clear.css +++ b/config/waybar/style/[Transparent] Crystal Clear.css @@ -89,6 +89,7 @@ window#waybar.empty #window { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -97,6 +98,7 @@ window#waybar.empty #window { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -143,6 +145,7 @@ window#waybar.empty #window { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #taskbar button:hover { diff --git a/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css b/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css index d265506c..df1fe00e 100644 --- a/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css +++ b/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css @@ -89,6 +89,7 @@ tooltip label { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -97,6 +98,7 @@ tooltip label { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -132,6 +134,7 @@ tooltip label { #idle_inhibitor { color: @pink; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #mpris { diff --git a/config/waybar/style/[WALLUST] ML4W-modern-mixed.css b/config/waybar/style/[WALLUST] ML4W-modern-mixed.css index f1b64745..ce4faff8 100644 --- a/config/waybar/style/[WALLUST] ML4W-modern-mixed.css +++ b/config/waybar/style/[WALLUST] ML4W-modern-mixed.css @@ -4,14 +4,14 @@ @import '../../.config/waybar/wallust/colors-waybar.css'; @define-color backgroundlight @color12; -@define-color backgrounddark #FFFFFF; +@define-color backgrounddark @background; @define-color workspacesbackground1 @color12; -@define-color workspacesbackground2 #FFFFFF; +@define-color workspacesbackground2 @background; @define-color bordercolor @color11; -@define-color textcolor1 @color12; -@define-color textcolor2 #FFFFFF; -@define-color textcolor3 #FFFFFF; -@define-color iconcolor #FFFFFF; +@define-color textcolor1 @foreground; +@define-color textcolor2 @background; +@define-color textcolor3 @foreground; +@define-color iconcolor @foreground; * { font-family: "JetBrainsMono Nerd Font"; @@ -25,7 +25,7 @@ window#waybar { background-color: rgba(0,0,0,0.8); - border-bottom: 0px solid #ffffff; +border-bottom: 0px solid @foreground; /* color: #FFFFFF; */ background: transparent; transition-property: background-color; @@ -139,6 +139,7 @@ window#waybar.empty #window { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -147,6 +148,7 @@ window#waybar.empty #window { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -191,6 +193,7 @@ window#waybar.empty #window { font-weight: bold; opacity: 0.8; color: @iconcolor; + border-bottom: 0px solid @foreground; } #idle_inhibitor.activated { @@ -199,6 +202,7 @@ window#waybar.empty #window { font-weight: bold; opacity: 0.8; color: #dc2f2f; + border-bottom: 0px solid @foreground; } #custom-menu { @@ -241,12 +245,12 @@ window#waybar.empty #window { } #custom-updates.yellow { - background-color: #ff9a3c; - color: #FFFFFF; +background-color: @color11; +color: @foreground; } #custom-updates.red { - background-color: #dc2f2f; +background-color: @color13; color: #FFFFFF; } @@ -344,7 +348,7 @@ window#waybar.empty #window { } #battery.critical:not(.charging) { - background-color: #f53c3c; +background-color: @color13; color: @textcolor3; animation-name: blink; animation-duration: 3.0s; diff --git a/config/waybar/style/[WALLUST] ML4W-modern.css b/config/waybar/style/[WALLUST] ML4W-modern.css index 048f972b..437e4e21 100644 --- a/config/waybar/style/[WALLUST] ML4W-modern.css +++ b/config/waybar/style/[WALLUST] ML4W-modern.css @@ -25,7 +25,7 @@ window#waybar { background-color: rgba(0,0,0,0.8); - border-bottom: 0px solid #ffffff; +border-bottom: 0px solid @foreground; /* color: #FFFFFF; */ background: transparent; transition-property: background-color; @@ -146,6 +146,7 @@ window#waybar.empty #window { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -154,6 +155,7 @@ window#waybar.empty #window { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -195,13 +197,15 @@ window#waybar.empty #window { font-size: 102%; font-weight: bold; color: @iconcolor; + border-bottom: 0px solid @foreground; } #idle_inhibitor.activated { margin-right: 15px; font-size: 100%; font-weight: bold; - color: #dc2f2f; +color: @color13; + border-bottom: 0px solid @foreground; } #custom-menu { @@ -240,12 +244,12 @@ window#waybar.empty #window { } #custom-updates.yellow { - background-color: #ff9a3c; +background-color: @color11; color: #FFFFFF; } #custom-updates.red { - background-color: #dc2f2f; +background-color: @color13; color: #FFFFFF; } @@ -337,7 +341,7 @@ window#waybar.empty #window { } #battery.critical:not(.charging) { - background-color: #f53c3c; +background-color: @color13; color: @textcolor3; animation-name: blink; animation-duration: 3.0s; diff --git a/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css b/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css index 812dbf6f..01ac8069 100644 --- a/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css +++ b/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css @@ -78,6 +78,7 @@ tooltip { #window, #wireplumber, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -86,6 +87,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -129,6 +131,7 @@ tooltip { padding: 0px 2px 0px 6px; } #custom-light_dark, +#custom-nightlight, #custom-menu{ color: @flamingo; padding: 0px 8px 0px 4px; @@ -181,12 +184,14 @@ tooltip { #custom-hypridle, #idle_inhibitor { color: @teal; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #custom-cava_mviz{ diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple.css b/config/waybar/style/[Wallust Bordered] Chroma Simple.css index 3bf56789..eda7664a 100644 --- a/config/waybar/style/[Wallust Bordered] Chroma Simple.css +++ b/config/waybar/style/[Wallust Bordered] Chroma Simple.css @@ -103,6 +103,7 @@ tooltip { #window, #wireplumber, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -111,6 +112,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -242,6 +244,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.good { diff --git a/config/waybar/style/[Wallust Transparent] Crystal Clear.css b/config/waybar/style/[Wallust Transparent] Crystal Clear.css index cddee7e7..461d4c56 100644 --- a/config/waybar/style/[Wallust Transparent] Crystal Clear.css +++ b/config/waybar/style/[Wallust Transparent] Crystal Clear.css @@ -122,6 +122,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -130,6 +131,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -176,6 +178,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[Wallust] Box type.css b/config/waybar/style/[Wallust] Box type.css index 84c85cf6..38ed2a1a 100644 --- a/config/waybar/style/[Wallust] Box type.css +++ b/config/waybar/style/[Wallust] Box type.css @@ -1,83 +1,81 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* Wallust - Box type */ -@import '../../.config/waybar/wallust/colors-waybar.css'; +@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"'; + 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"'; } - window#waybar { - background: transparent; + background: transparent; } window#waybar.hidden { - opacity: 0.2; + opacity: 0.2; } - window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; + background-color: transparent; + padding: 0px; + border: 0px; } #window { - padding-left: 10px; - padding-right: 10px; - border-radius: 10px; - transition: none; - color: transparent; - background: transparent; + padding-left: 10px; + padding-right: 10px; + border-radius: 10px; + transition: none; + color: transparent; + background: transparent; } #taskbar button, #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); + 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(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: @color12; - background-color: @foreground; - padding-left: 4px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @color12; + background-color: @foreground; + padding-left: 4px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.focused, #workspaces button.focused { - color: @color4; + color: @color4; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #taskbar button:hover, #workspaces button:hover { - color: @color4; - padding-left: 2px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @color4; + padding-left: 2px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -95,7 +93,7 @@ window#waybar.empty #window { #network, #power-profiles-daemon, #pulseaudio, -#pulseaudio-slider, +#pulseaudio-slider, #taskbar, #temperature, #tray, @@ -103,6 +101,7 @@ window#waybar.empty #window { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -111,6 +110,7 @@ window#waybar.empty #window { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -130,91 +130,94 @@ window#waybar.empty #window { #custom-weather.clearNight, #custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyNight, -#custom-weather.default, +#custom-weather.default, #custom-weather.rainyDay, #custom-weather.rainyNight, #custom-weather.severe, #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, -#custom-weather.sunnyDay{ - padding-top: 4px; - padding-bottom: 4px; - padding-left: 8px; - padding-right: 10px; - border-radius: 10px; - transition: none; - color: @foreground; - background: @color0; - border-bottom-width: 5px; - border-bottom-color: @color12; - border-bottom-style: solid; +#custom-weather.sunnyDay { + padding-top: 4px; + padding-bottom: 4px; + padding-left: 8px; + padding-right: 10px; + border-radius: 10px; + transition: none; + color: @foreground; + background: @color0; + border-bottom-width: 5px; + border-bottom-color: @color12; + border-bottom-style: solid; } #custom-power { - padding-right: 2px; + padding-right: 2px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; + color: #39ff14; + border-bottom-width: 5px; + border-bottom-color: @color12; + border-bottom-style: solid; } #network { - padding-right: 12px; + padding-right: 12px; } #temperature.critical { - background-color: red; - color: black; + background-color: red; + color: black; } #mpris { - padding-right: 2px; - padding-left: 8px; + padding-right: 2px; + padding-left: 8px; } #backlight { - padding-right: 2px; + padding-right: 2px; } #battery.critical:not(.charging) { - background-color: #ffffff; - color: #000000; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; - border-bottom-width: 5px; - border-bottom-color: @color12; - border-bottom-style: solid; + background-color: #ffffff; + color: #000000; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; + border-bottom-width: 5px; + border-bottom-color: @color12; + border-bottom-style: solid; } @keyframes blink { - to { - background-color: #ffffff; - color: #000000; - } + to { + background-color: #ffffff; + color: #000000; + } } #backlight-slider slider, #pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 10; - background-image: none; - border: none; - box-shadow: @color12; + min-width: 0px; + min-height: 0px; + opacity: 10; + background-image: none; + border: none; + box-shadow: @color12; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } diff --git a/config/waybar/style/[Wallust] Chroma Edge.css b/config/waybar/style/[Wallust] Chroma Edge.css index 3530c3af..719c89c9 100644 --- a/config/waybar/style/[Wallust] Chroma Edge.css +++ b/config/waybar/style/[Wallust] Chroma Edge.css @@ -106,6 +106,7 @@ tooltip label{ #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -114,6 +115,7 @@ tooltip label{ #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -322,13 +324,15 @@ label:focus { } #idle_inhibitor { - /*background-color: #2d3436;*/ + /*background-color: #2d3436; + border-bottom: 8px solid rgba(0, 0, 0, 0.2);*/ } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #temperature { diff --git a/config/waybar/style/[Wallust] Chroma Fusion.css b/config/waybar/style/[Wallust] Chroma Fusion.css index d740c78f..6830d55b 100644 --- a/config/waybar/style/[Wallust] Chroma Fusion.css +++ b/config/waybar/style/[Wallust] Chroma Fusion.css @@ -79,6 +79,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -87,6 +88,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -131,6 +133,7 @@ tooltip { opacity:1.0; } #custom-light_dark, +#custom-nightlight, #custom-menu{ color: @flamingo; padding: 0px 8px 0px 4px; @@ -183,12 +186,14 @@ tooltip { #custom-hypridle, #idle_inhibitor { color: @teal; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #workspaces { diff --git a/config/waybar/style/[Wallust] Chroma Tally V2.css b/config/waybar/style/[Wallust] Chroma Tally V2.css index 8082331b..305dcc4e 100644 --- a/config/waybar/style/[Wallust] Chroma Tally V2.css +++ b/config/waybar/style/[Wallust] Chroma Tally V2.css @@ -91,6 +91,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -99,6 +100,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -199,6 +201,7 @@ tooltip { } #custom-light_dark, +#custom-nightlight, #temperature { color: @color6; /* Lighter */ } @@ -211,12 +214,14 @@ tooltip { #custom-hypridle, #idle_inhibitor { color: @color5; /* Lighter */ + border-bottom: 2px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: @color4; /* Slightly lighter */ + border-bottom: 2px; } #tray { diff --git a/config/waybar/style/[Wallust] Chroma Tally.css b/config/waybar/style/[Wallust] Chroma Tally.css index a6fd1ee9..3a7679d2 100644 --- a/config/waybar/style/[Wallust] Chroma Tally.css +++ b/config/waybar/style/[Wallust] Chroma Tally.css @@ -90,6 +90,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -98,6 +99,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -202,6 +204,7 @@ tooltip { } #custom-light_dark, +#custom-nightlight, #temperature { color: #7287fd; } @@ -214,12 +217,14 @@ tooltip { #custom-hypridle, #idle_inhibitor { color: #ebcb8b; + border-bottom: 2px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 2px; } #tray { diff --git a/config/waybar/style/[Wallust] Colored.css b/config/waybar/style/[Wallust] Colored.css index 435f3651..c95429da 100644 --- a/config/waybar/style/[Wallust] Colored.css +++ b/config/waybar/style/[Wallust] Colored.css @@ -131,6 +131,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -139,6 +140,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -186,6 +188,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { diff --git a/config/waybar/style/[Wallust] Simple.css b/config/waybar/style/[Wallust] Simple.css index c2206c10..0eec7ba7 100644 --- a/config/waybar/style/[Wallust] Simple.css +++ b/config/waybar/style/[Wallust] Simple.css @@ -110,6 +110,7 @@ tooltip { #wireplumber, #workspaces, #custom-backlight, +#custom-nightlight, #custom-browser, #custom-cava_mviz, #custom-cycle_wall, @@ -118,6 +119,7 @@ tooltip { #custom-keybinds, #custom-keyboard, #custom-light_dark, +#custom-nightlight, #custom-lock, #custom-hint, #custom-hypridle, @@ -164,6 +166,7 @@ tooltip { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { diff --git a/config/waybar/wallust/colors-waybar.css b/config/waybar/wallust/colors-waybar.css index b2afbce4..8a470b1a 100644 --- a/config/waybar/wallust/colors-waybar.css +++ b/config/waybar/wallust/colors-waybar.css @@ -1,11 +1,11 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* wallust template - colors-waybar */ @define-color foreground #F9E3DF; @define-color background #151316; @define-color background-alt rgba(21,19,22,0.25); @define-color cursor #F9E3DF; - + @define-color color0 #3D3A3E; @define-color color1 #190E1E; @define-color color2 #191F64; @@ -21,4 +21,4 @@ @define-color color12 #7F4EA2; @define-color color13 #A0536C; @define-color color14 #EDAEA4; - @define-color color15 #EECEC9;
\ No newline at end of file + @define-color color15 #EECEC9; |