diff options
| -rw-r--r-- | config/waybar/style/ML4W Glass.css | 286 | ||||
| -rw-r--r-- | config/waybar/style/ML4W/glass.css | 52 | ||||
| -rw-r--r-- | config/waybar/wallust/colors-waybar.css | 6 |
3 files changed, 341 insertions, 3 deletions
diff --git a/config/waybar/style/ML4W Glass.css b/config/waybar/style/ML4W Glass.css new file mode 100644 index 00000000..3c1389ee --- /dev/null +++ b/config/waybar/style/ML4W Glass.css @@ -0,0 +1,286 @@ +/* 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"'; +} + +@import "../waybar/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: 0px; + 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: 0px; + 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-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#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/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; |