From 20897e1e8e8ae2e9884b5b6c040cf020f6397815 Mon Sep 17 00:00:00 2001 From: Don Williams Date: Thu, 29 Jan 2026 20:07:22 -0500 Subject: Normalizing the CSS filenames On branch development Your branch is up to date with 'origin/development'. Changes to be committed: renamed: config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css -> config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css renamed: config/waybar/style/[0 VERTICAL] Golden Noir.css -> config/waybar/style/0-VERTICAL-Golden-Noir.css renamed: config/waybar/style/[0 VERTICAL] Oglo Chicklets.css -> config/waybar/style/0-VERTICAL-Oglo-Chicklets.css renamed: config/waybar/style/[Black & White] Monochrome.css -> config/waybar/style/Black-&-White-Monochrome.css renamed: config/waybar/style/[Catppuccin] Frappe.css -> config/waybar/style/Catppuccin-Frappe.css renamed: config/waybar/style/[Catppuccin] Latte.css -> config/waybar/style/Catppuccin-Latte.css renamed: config/waybar/style/[Catppuccin] Mocha.css -> config/waybar/style/Catppuccin-Mocha.css renamed: config/waybar/style/[Colored] Chroma Glow.css -> config/waybar/style/Colored-Chroma-Glow.css renamed: config/waybar/style/[Colored] Translucent.css -> config/waybar/style/Colored-Translucent.css renamed: config/waybar/style/[Colorful] Aurora Blossom.css -> config/waybar/style/Colorful-Aurora-Blossom.css renamed: config/waybar/style/[Colorful] Aurora.css -> config/waybar/style/Colorful-Aurora.css renamed: config/waybar/style/[Colorful] Oglo Chicklets.css -> config/waybar/style/Colorful-Oglo-Chicklets.css renamed: config/waybar/style/[Colorful] Rainbow Spectrum.css -> config/waybar/style/Colorful-Rainbow-Spectrum.css renamed: config/waybar/style/[Colorful] stolen-style.css -> config/waybar/style/Colorful-stolen-style.css renamed: config/waybar/style/Crystal Clear Glass.css -> config/waybar/style/Crystal-Clear-Glass.css renamed: config/waybar/style/[Dark] Golden Eclipse.css -> config/waybar/style/Dark-Golden-Eclipse.css renamed: config/waybar/style/[Dark] Golden Noir.css -> config/waybar/style/Dark-Golden-Noir.css renamed: config/waybar/style/[Dark] Half-Moon.css -> config/waybar/style/Dark-Half-Moon.css renamed: config/waybar/style/[Dark] Latte-Wallust combined v2.css -> config/waybar/style/Dark-Latte-Wallust-combined-v2.css renamed: config/waybar/style/[Dark] Latte-Wallust combined.css -> config/waybar/style/Dark-Latte-Wallust-combined.css renamed: config/waybar/style/[Dark] Purpl.css -> config/waybar/style/Dark-Purpl.css renamed: config/waybar/style/[Dark] Wallust Obsidian Edge.css -> config/waybar/style/Dark-Wallust-Obsidian-Edge.css renamed: config/waybar/style/[Extra] Arrow.css -> config/waybar/style/Extra-Arrow.css renamed: config/waybar/style/[Extra] Crimson.css -> config/waybar/style/Extra-Crimson.css renamed: config/waybar/style/[Extra] EverForest.css -> config/waybar/style/Extra-EverForest.css renamed: config/waybar/style/[Extra] ML4W starter.css -> config/waybar/style/Extra-ML4W-starter.css renamed: config/waybar/style/[Extra] Mauve.css -> config/waybar/style/Extra-Mauve.css renamed: config/waybar/style/[Extra] Modern-Combined - Transparent.css -> config/waybar/style/Extra-Modern-Combined---Transparent.css renamed: config/waybar/style/[Extra] Modern-Combined.css -> config/waybar/style/Extra-Modern-Combined.css renamed: config/waybar/style/[Extra] Neon Circuit.css -> config/waybar/style/Extra-Neon-Circuit.css renamed: config/waybar/style/[Extra] Prismatic Glow.css -> config/waybar/style/Extra-Prismatic-Glow.css renamed: config/waybar/style/[Extra] Rose Pine.css -> config/waybar/style/Extra-Rose-Pine.css renamed: config/waybar/style/[Extra] Simple Pink.css -> config/waybar/style/Extra-Simple-Pink.css renamed: config/waybar/style/[Light] Monochrome Contrast.css -> config/waybar/style/Light-Monochrome-Contrast.css renamed: config/waybar/style/[Light] Obsidian Glow.css -> config/waybar/style/Light-Obsidian-Glow.css renamed: config/waybar/style/ML4W Glass-3d.css -> config/waybar/style/ML4W-Glass-3d.css renamed: config/waybar/style/ML4W Glass.css -> config/waybar/style/ML4W-Glass.css renamed: config/waybar/style/[Rainbow] RGB Bordered.css -> config/waybar/style/Rainbow-RGB-Bordered.css renamed: config/waybar/style/[Retro] Simple Style.css -> config/waybar/style/Retro-Simple-Style.css renamed: config/waybar/style/[Transparent] Crystal Clear.css -> config/waybar/style/Transparent-Crystal-Clear.css renamed: config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css -> config/waybar/style/VERTICAL-Catpuccin-Mocha.css renamed: config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css -> config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css renamed: config/waybar/style/[Wallust Bordered] Chroma Simple.css -> config/waybar/style/Wallust-Bordered-Chroma-Simple.css renamed: config/waybar/style/[Wallust] Box type.css -> config/waybar/style/Wallust-Box-type.css renamed: config/waybar/style/[Wallust] Chroma Edge.css -> config/waybar/style/Wallust-Chroma-Edge.css renamed: config/waybar/style/[Wallust] Chroma Fusion.css -> config/waybar/style/Wallust-Chroma-Fusion.css renamed: config/waybar/style/[Wallust] Chroma Tally V2.css -> config/waybar/style/Wallust-Chroma-Tally-V2.css renamed: config/waybar/style/[Wallust] Chroma Tally.css -> config/waybar/style/Wallust-Chroma-Tally.css renamed: config/waybar/style/[Wallust] Colored.css -> config/waybar/style/Wallust-Colored.css renamed: config/waybar/style/[WALLUST] ML4W-modern-mixed.css -> config/waybar/style/Wallust-ML4W-modern-mixed.css renamed: config/waybar/style/[WALLUST] ML4W-modern.css -> config/waybar/style/Wallust-ML4W-modern.css renamed: config/waybar/style/[Wallust] Simple.css -> config/waybar/style/Wallust-Simple.css renamed: config/waybar/style/[Wallust Transparent] Crystal Clear.css -> config/waybar/style/Wallust-Transparent-Crystal-Clear.css --- config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css | 234 +++++++++++ config/waybar/style/0-VERTICAL-Golden-Noir.css | 219 +++++++++++ config/waybar/style/0-VERTICAL-Oglo-Chicklets.css | 409 ++++++++++++++++++++ config/waybar/style/Black-&-White-Monochrome.css | 222 +++++++++++ config/waybar/style/Catppuccin-Frappe.css | 287 ++++++++++++++ config/waybar/style/Catppuccin-Latte.css | 286 ++++++++++++++ config/waybar/style/Catppuccin-Mocha.css | 304 +++++++++++++++ config/waybar/style/Colored-Chroma-Glow.css | 337 ++++++++++++++++ config/waybar/style/Colored-Translucent.css | 358 +++++++++++++++++ config/waybar/style/Colorful-Aurora-Blossom.css | 205 ++++++++++ config/waybar/style/Colorful-Aurora.css | 213 ++++++++++ config/waybar/style/Colorful-Oglo-Chicklets.css | 421 ++++++++++++++++++++ config/waybar/style/Colorful-Rainbow-Spectrum.css | 330 ++++++++++++++++ config/waybar/style/Colorful-stolen-style.css | 352 +++++++++++++++++ config/waybar/style/Crystal Clear Glass.css | 246 ------------ config/waybar/style/Crystal-Clear-Glass.css | 246 ++++++++++++ config/waybar/style/Dark-Golden-Eclipse.css | 211 ++++++++++ config/waybar/style/Dark-Golden-Noir.css | 214 +++++++++++ config/waybar/style/Dark-Half-Moon.css | 330 ++++++++++++++++ .../style/Dark-Latte-Wallust-combined-v2.css | 273 +++++++++++++ .../waybar/style/Dark-Latte-Wallust-combined.css | 283 ++++++++++++++ config/waybar/style/Dark-Purpl.css | 233 +++++++++++ config/waybar/style/Dark-Wallust-Obsidian-Edge.css | 203 ++++++++++ config/waybar/style/Extra-Arrow.css | 295 ++++++++++++++ config/waybar/style/Extra-Crimson.css | 204 ++++++++++ config/waybar/style/Extra-EverForest.css | 330 ++++++++++++++++ config/waybar/style/Extra-ML4W-starter.css | 367 ++++++++++++++++++ config/waybar/style/Extra-Mauve.css | 222 +++++++++++ .../style/Extra-Modern-Combined---Transparent.css | 287 ++++++++++++++ config/waybar/style/Extra-Modern-Combined.css | 300 +++++++++++++++ config/waybar/style/Extra-Neon-Circuit.css | 427 +++++++++++++++++++++ config/waybar/style/Extra-Prismatic-Glow.css | 288 ++++++++++++++ config/waybar/style/Extra-Rose-Pine.css | 244 ++++++++++++ config/waybar/style/Extra-Simple-Pink.css | 215 +++++++++++ config/waybar/style/Light-Monochrome-Contrast.css | 206 ++++++++++ config/waybar/style/Light-Obsidian-Glow.css | 207 ++++++++++ config/waybar/style/ML4W Glass-3d.css | 328 ---------------- config/waybar/style/ML4W Glass.css | 296 -------------- config/waybar/style/ML4W-Glass-3d.css | 328 ++++++++++++++++ config/waybar/style/ML4W-Glass.css | 296 ++++++++++++++ config/waybar/style/Rainbow-RGB-Bordered.css | 313 +++++++++++++++ config/waybar/style/Retro-Simple-Style.css | 184 +++++++++ config/waybar/style/Transparent-Crystal-Clear.css | 201 ++++++++++ config/waybar/style/VERTICAL-Catpuccin-Mocha.css | 237 ++++++++++++ .../style/Wallust-Bordered-Chroma-Fusion-Edge.css | 319 +++++++++++++++ .../style/Wallust-Bordered-Chroma-Simple.css | 317 +++++++++++++++ config/waybar/style/Wallust-Box-type.css | 225 +++++++++++ config/waybar/style/Wallust-Chroma-Edge.css | 379 ++++++++++++++++++ config/waybar/style/Wallust-Chroma-Fusion.css | 321 ++++++++++++++++ config/waybar/style/Wallust-Chroma-Tally-V2.css | 281 ++++++++++++++ config/waybar/style/Wallust-Chroma-Tally.css | 281 ++++++++++++++ config/waybar/style/Wallust-Colored.css | 229 +++++++++++ config/waybar/style/Wallust-ML4W-modern-mixed.css | 394 +++++++++++++++++++ config/waybar/style/Wallust-ML4W-modern.css | 387 +++++++++++++++++++ config/waybar/style/Wallust-Simple.css | 219 +++++++++++ .../style/Wallust-Transparent-Crystal-Clear.css | 219 +++++++++++ config/waybar/style/[0 VERTICAL] Golden Noir.css | 219 ----------- .../waybar/style/[0 VERTICAL] Oglo Chicklets.css | 409 -------------------- .../style/[0 VERTICAL] [Catpuccin] Mocha.css | 234 ----------- config/waybar/style/[Black & White] Monochrome.css | 222 ----------- config/waybar/style/[Catppuccin] Frappe.css | 287 -------------- config/waybar/style/[Catppuccin] Latte.css | 286 -------------- config/waybar/style/[Catppuccin] Mocha.css | 304 --------------- config/waybar/style/[Colored] Chroma Glow.css | 337 ---------------- config/waybar/style/[Colored] Translucent.css | 358 ----------------- config/waybar/style/[Colorful] Aurora Blossom.css | 205 ---------- config/waybar/style/[Colorful] Aurora.css | 213 ---------- config/waybar/style/[Colorful] Oglo Chicklets.css | 421 -------------------- .../waybar/style/[Colorful] Rainbow Spectrum.css | 330 ---------------- config/waybar/style/[Colorful] stolen-style.css | 352 ----------------- config/waybar/style/[Dark] Golden Eclipse.css | 211 ---------- config/waybar/style/[Dark] Golden Noir.css | 214 ----------- config/waybar/style/[Dark] Half-Moon.css | 330 ---------------- .../style/[Dark] Latte-Wallust combined v2.css | 273 ------------- .../waybar/style/[Dark] Latte-Wallust combined.css | 283 -------------- config/waybar/style/[Dark] Purpl.css | 233 ----------- .../waybar/style/[Dark] Wallust Obsidian Edge.css | 203 ---------- config/waybar/style/[Extra] Arrow.css | 295 -------------- config/waybar/style/[Extra] Crimson.css | 204 ---------- config/waybar/style/[Extra] EverForest.css | 330 ---------------- config/waybar/style/[Extra] ML4W starter.css | 367 ------------------ config/waybar/style/[Extra] Mauve.css | 222 ----------- .../[Extra] Modern-Combined - Transparent.css | 287 -------------- config/waybar/style/[Extra] Modern-Combined.css | 300 --------------- config/waybar/style/[Extra] Neon Circuit.css | 427 --------------------- config/waybar/style/[Extra] Prismatic Glow.css | 288 -------------- config/waybar/style/[Extra] Rose Pine.css | 244 ------------ config/waybar/style/[Extra] Simple Pink.css | 215 ----------- .../waybar/style/[Light] Monochrome Contrast.css | 206 ---------- config/waybar/style/[Light] Obsidian Glow.css | 207 ---------- config/waybar/style/[Rainbow] RGB Bordered.css | 313 --------------- config/waybar/style/[Retro] Simple Style.css | 184 --------- .../waybar/style/[Transparent] Crystal Clear.css | 201 ---------- .../waybar/style/[VERTICAL] [Catpuccin] Mocha.css | 237 ------------ .../waybar/style/[WALLUST] ML4W-modern-mixed.css | 394 ------------------- config/waybar/style/[WALLUST] ML4W-modern.css | 387 ------------------- .../[Wallust Bordered] Chroma Fusion Edge.css | 319 --------------- .../style/[Wallust Bordered] Chroma Simple.css | 317 --------------- .../style/[Wallust Transparent] Crystal Clear.css | 219 ----------- config/waybar/style/[Wallust] Box type.css | 225 ----------- config/waybar/style/[Wallust] Chroma Edge.css | 379 ------------------ config/waybar/style/[Wallust] Chroma Fusion.css | 321 ---------------- config/waybar/style/[Wallust] Chroma Tally V2.css | 281 -------------- config/waybar/style/[Wallust] Chroma Tally.css | 281 -------------- config/waybar/style/[Wallust] Colored.css | 229 ----------- config/waybar/style/[Wallust] Simple.css | 219 ----------- 106 files changed, 14892 insertions(+), 14892 deletions(-) create mode 100644 config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css create mode 100644 config/waybar/style/0-VERTICAL-Golden-Noir.css create mode 100644 config/waybar/style/0-VERTICAL-Oglo-Chicklets.css create mode 100644 config/waybar/style/Black-&-White-Monochrome.css create mode 100644 config/waybar/style/Catppuccin-Frappe.css create mode 100644 config/waybar/style/Catppuccin-Latte.css create mode 100644 config/waybar/style/Catppuccin-Mocha.css create mode 100644 config/waybar/style/Colored-Chroma-Glow.css create mode 100644 config/waybar/style/Colored-Translucent.css create mode 100644 config/waybar/style/Colorful-Aurora-Blossom.css create mode 100644 config/waybar/style/Colorful-Aurora.css create mode 100644 config/waybar/style/Colorful-Oglo-Chicklets.css create mode 100644 config/waybar/style/Colorful-Rainbow-Spectrum.css create mode 100644 config/waybar/style/Colorful-stolen-style.css delete mode 100644 config/waybar/style/Crystal Clear Glass.css create mode 100644 config/waybar/style/Crystal-Clear-Glass.css create mode 100644 config/waybar/style/Dark-Golden-Eclipse.css create mode 100644 config/waybar/style/Dark-Golden-Noir.css create mode 100644 config/waybar/style/Dark-Half-Moon.css create mode 100644 config/waybar/style/Dark-Latte-Wallust-combined-v2.css create mode 100644 config/waybar/style/Dark-Latte-Wallust-combined.css create mode 100644 config/waybar/style/Dark-Purpl.css create mode 100644 config/waybar/style/Dark-Wallust-Obsidian-Edge.css create mode 100644 config/waybar/style/Extra-Arrow.css create mode 100644 config/waybar/style/Extra-Crimson.css create mode 100644 config/waybar/style/Extra-EverForest.css create mode 100644 config/waybar/style/Extra-ML4W-starter.css create mode 100644 config/waybar/style/Extra-Mauve.css create mode 100644 config/waybar/style/Extra-Modern-Combined---Transparent.css create mode 100644 config/waybar/style/Extra-Modern-Combined.css create mode 100644 config/waybar/style/Extra-Neon-Circuit.css create mode 100644 config/waybar/style/Extra-Prismatic-Glow.css create mode 100644 config/waybar/style/Extra-Rose-Pine.css create mode 100644 config/waybar/style/Extra-Simple-Pink.css create mode 100644 config/waybar/style/Light-Monochrome-Contrast.css create mode 100644 config/waybar/style/Light-Obsidian-Glow.css delete mode 100644 config/waybar/style/ML4W Glass-3d.css delete mode 100644 config/waybar/style/ML4W Glass.css create mode 100644 config/waybar/style/ML4W-Glass-3d.css create mode 100644 config/waybar/style/ML4W-Glass.css create mode 100644 config/waybar/style/Rainbow-RGB-Bordered.css create mode 100644 config/waybar/style/Retro-Simple-Style.css create mode 100644 config/waybar/style/Transparent-Crystal-Clear.css create mode 100644 config/waybar/style/VERTICAL-Catpuccin-Mocha.css create mode 100644 config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css create mode 100644 config/waybar/style/Wallust-Bordered-Chroma-Simple.css create mode 100644 config/waybar/style/Wallust-Box-type.css create mode 100644 config/waybar/style/Wallust-Chroma-Edge.css create mode 100644 config/waybar/style/Wallust-Chroma-Fusion.css create mode 100644 config/waybar/style/Wallust-Chroma-Tally-V2.css create mode 100644 config/waybar/style/Wallust-Chroma-Tally.css create mode 100644 config/waybar/style/Wallust-Colored.css create mode 100644 config/waybar/style/Wallust-ML4W-modern-mixed.css create mode 100644 config/waybar/style/Wallust-ML4W-modern.css create mode 100644 config/waybar/style/Wallust-Simple.css create mode 100644 config/waybar/style/Wallust-Transparent-Crystal-Clear.css delete mode 100644 config/waybar/style/[0 VERTICAL] Golden Noir.css delete mode 100644 config/waybar/style/[0 VERTICAL] Oglo Chicklets.css delete mode 100644 config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css delete mode 100644 config/waybar/style/[Black & White] Monochrome.css delete mode 100644 config/waybar/style/[Catppuccin] Frappe.css delete mode 100644 config/waybar/style/[Catppuccin] Latte.css delete mode 100644 config/waybar/style/[Catppuccin] Mocha.css delete mode 100644 config/waybar/style/[Colored] Chroma Glow.css delete mode 100644 config/waybar/style/[Colored] Translucent.css delete mode 100644 config/waybar/style/[Colorful] Aurora Blossom.css delete mode 100644 config/waybar/style/[Colorful] Aurora.css delete mode 100644 config/waybar/style/[Colorful] Oglo Chicklets.css delete mode 100644 config/waybar/style/[Colorful] Rainbow Spectrum.css delete mode 100644 config/waybar/style/[Colorful] stolen-style.css delete mode 100644 config/waybar/style/[Dark] Golden Eclipse.css delete mode 100644 config/waybar/style/[Dark] Golden Noir.css delete mode 100644 config/waybar/style/[Dark] Half-Moon.css delete mode 100644 config/waybar/style/[Dark] Latte-Wallust combined v2.css delete mode 100644 config/waybar/style/[Dark] Latte-Wallust combined.css delete mode 100644 config/waybar/style/[Dark] Purpl.css delete mode 100644 config/waybar/style/[Dark] Wallust Obsidian Edge.css delete mode 100644 config/waybar/style/[Extra] Arrow.css delete mode 100644 config/waybar/style/[Extra] Crimson.css delete mode 100644 config/waybar/style/[Extra] EverForest.css delete mode 100644 config/waybar/style/[Extra] ML4W starter.css delete mode 100644 config/waybar/style/[Extra] Mauve.css delete mode 100644 config/waybar/style/[Extra] Modern-Combined - Transparent.css delete mode 100644 config/waybar/style/[Extra] Modern-Combined.css delete mode 100644 config/waybar/style/[Extra] Neon Circuit.css delete mode 100644 config/waybar/style/[Extra] Prismatic Glow.css delete mode 100644 config/waybar/style/[Extra] Rose Pine.css delete mode 100644 config/waybar/style/[Extra] Simple Pink.css delete mode 100644 config/waybar/style/[Light] Monochrome Contrast.css delete mode 100644 config/waybar/style/[Light] Obsidian Glow.css delete mode 100644 config/waybar/style/[Rainbow] RGB Bordered.css delete mode 100644 config/waybar/style/[Retro] Simple Style.css delete mode 100644 config/waybar/style/[Transparent] Crystal Clear.css delete mode 100644 config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css delete mode 100644 config/waybar/style/[WALLUST] ML4W-modern-mixed.css delete mode 100644 config/waybar/style/[WALLUST] ML4W-modern.css delete mode 100644 config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css delete mode 100644 config/waybar/style/[Wallust Bordered] Chroma Simple.css delete mode 100644 config/waybar/style/[Wallust Transparent] Crystal Clear.css delete mode 100644 config/waybar/style/[Wallust] Box type.css delete mode 100644 config/waybar/style/[Wallust] Chroma Edge.css delete mode 100644 config/waybar/style/[Wallust] Chroma Fusion.css delete mode 100644 config/waybar/style/[Wallust] Chroma Tally V2.css delete mode 100644 config/waybar/style/[Wallust] Chroma Tally.css delete mode 100644 config/waybar/style/[Wallust] Colored.css delete mode 100644 config/waybar/style/[Wallust] Simple.css diff --git a/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css b/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css new file mode 100644 index 00000000..b6583d86 --- /dev/null +++ b/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css @@ -0,0 +1,234 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Vertical Catpuccin Mocha */ +/* As stated on title, best style for vertical layout waybar config */ + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import "../waybar/style/catppuccin-themes/mocha.css"; + +window#waybar { + background-color: @base; + border-radius: 5px; +} + +tooltip { + background: @base; + opacity: 1; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: @sapphire; +} + +tooltip label { + color: @blue; +} + +#taskbar button, +#workspaces button { + color: @surface2; + background-color: transparent; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 4px; +} + +#taskbar button.active, +#workspaces button.active { + color: @maroon; +} + +#taskbar button.focused, +#workspaces button.focused { + color: @rosewater; + background: transparent; + border-radius: 15px; +} + +#workspaces button.urgent { + color: #11111b; + background: transparent; + border-radius: 15px; +} + +#taskbar button:hover, +#workspaces button:hover { + background: transparent; + color: @flamingo; + border-radius: 15px; +} + +#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-weather2, +#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 { + opacity: 1; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#idle_inhibitor { + color: @pink; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#mpris { + color: @rosewater; +} + +#battery { + color: #a6e3a1; + padding-left: 15px; + border-radius: 15px 0 0 15px; +} + +@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; +} + +#custom-lock, +#custom-power { + color: @red; + border-radius: 15px; + font-weight: bolder; + padding-left: 1px; +} + +#network { + background-color: transparent; + color: @mauve; +} + +#backlight { + color: @flamingo; +} + + +#custom-weather { + color: @green; + border-radius: 15px; + background-color: transparent; +} + +#custom-menu { + color: #89b4fa; +} + +#pulseaudio { + background-color: transparent; + color: @blue; +} + +#clock, +#clock-calender { + color: @sapphire; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-color: @text; + border-radius: 3px; + box-shadow: 1px 5px 6px 1px #272727; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: @surface0; +} + +window#waybar.bottombar #backlight-slider trough, +window#waybar.bottombar #pulseaudio-slider trough { + min-height: 7px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: @blue; +} diff --git a/config/waybar/style/0-VERTICAL-Golden-Noir.css b/config/waybar/style/0-VERTICAL-Golden-Noir.css new file mode 100644 index 00000000..80b3e3ed --- /dev/null +++ b/config/waybar/style/0-VERTICAL-Golden-Noir.css @@ -0,0 +1,219 @@ +/* ----------- 💫 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: #040406; + border-radius: 30px; + color: #cba6f7; + +} + +window#waybar.hidden { + opacity: 0.5; +} + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #ffd700; +} + +/*-----module groups----*/ +.modules-left, +.modules-right { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + +} + +.modules-center { + border-top: 1px solid #ffd700; + border-bottom: 1px solid #ffd700; + border-radius: 20px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#taskbar button, +#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); +} + +#taskbar button.active, +#workspaces button.active { + color: #ffd700; + border-radius: 50%; + background-color: black; + border-radius: 15px 15px 15px 15px; + padding-left: 5px; + padding-right: 5px; + 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; +} + +#taskbar button:hover, +#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); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 5px; + padding-bottom: 5px; + padding-right: 5px; + padding-left: 5px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: #22252a; +} + +window#waybar.bottombar #backlight-slider trough, +window#waybar.bottombar #pulseaudio-slider trough { + min-height: 7px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: #ba5663; +} \ No newline at end of file diff --git a/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css b/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css new file mode 100644 index 00000000..b43a6571 --- /dev/null +++ b/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css @@ -0,0 +1,409 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Oglo Chicklets */ + +* { + font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-size: 99%; + font-weight: bold; +} + +window#waybar { + background-color: #232a2e; + border-bottom: 8px solid #1d2327; + color: #d3c6aa; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +/* +window#waybar.empty { + background-color: transparent; +} +window#waybar.solo { + background-color: #FFFFFF; +} +*/ + +button { + all: unset; + background-color: #778f52; + color: #2d353b; + border: none; + border-bottom: 8px solid #5d743e; + border-radius: 5px; + padding-left: 5px; + padding-right: 5px; + transition: transform 0.1s ease-in-out; +} + +button:hover { + background: inherit; + background-color: #92ab6c; + border-bottom: 8px solid #788f57; +} + +button.active { + background: inherit; + background-color: #a5be7e; + border-bottom: 8px solid #8aa168; +} + +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: #ffffff; + padding-top: 2px; + padding-bottom: 2px; + border-radius: 5px; + padding-left: 5px; + padding-right: 5px; +} + +#window, +#workspaces { + margin: 5px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +#window { + background-color: #343f44; + color: #d3c6aa; + border-bottom: 8px solid #2b3539; +} + +#custom-swaync { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#custom-menu { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#custom-power { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + padding-left: 5px; +} + +#custom-power_vertical{ + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; +} + +#clock { + background-color: #96a84c; + color: #2d353b; + border-bottom: 8px solid #7a8c37; +} + +#battery { + background-color: #3a998f; + color: #2d353b; + border-bottom: 8px solid #227d74; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#cpu { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#memory { + background-color: #d980ad; + color: #2d353b; + border-bottom: 8px solid #b86790; +} + +#disk { + background-color: #964B00; + border-bottom: 8px solid #793300; +} + +#custom-lock, +#custom-light_dark, +#custom-nightlight, +#backlight { + background-color: #64b6ac; + color: #2d353b; + border-bottom: 8px solid #4f9990; + padding-left: 5px; +} + +#network { + background-color: #2980b9; +} + +#network.disconnected { + background-color: #f53c3c; +} + +#pulseaudio { + background-color: #d8ac47; + color: #2d353b; + border-bottom: 8px solid #b78f30; +} + +#pulseaudio.muted { + background-color: #90b1b1; + color: #2a5c45; +} + +#wireplumber { + background-color: #fff0f5; + color: #000000; +} + +#wireplumber.muted { + background-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 { + background-color: #f0932b; + border-bottom: 8px solid #b78f30; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray { + background-color: #e67f51; + color: #2d353b;; + border-bottom: 8px solid #c3653b; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor { + background-color: #2d3436; + border-bottom: 8px solid #7a8c37; +} + +#idle_inhibitor.activated { + background-color: #ecf0f1; + border-bottom: 8px solid #7a8c37; + color: #2d3436; +} + +#mpd { + background-color: #66cc99; + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#language { + background: #00b093; + color: #740864; + min-width: 16px; +} + +#keyboard-state { + background: #97e1ad; + color: #000000; + min-width: 16px; + border-bottom: 8px solid #78b48a; +} + +#keyboard-state > label { + padding: 0 5px; +} + +#keyboard-state > label.locked { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad.empty { + background-color: transparent; +} + +tooltip { + background-color: #232a2e; + border: none; + border-bottom: 8px solid #1d2327; +} + +tooltip decoration { + box-shadow: none; +} + +tooltip decoration:backdrop { + box-shadow: none; +} + +tooltip label { + color: #d3c6aa; + padding-left: 5px; + padding-right: 5px; + padding-top: 0px; + padding-bottom: 5px; +} + + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-color: #ffa000; + border-radius: 3px; + box-shadow: 1px 5px 6px 1px #272727; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: #d8ac47; +} + +window#waybar.bottombar #backlight-slider trough, +window#waybar.bottombar #pulseaudio-slider trough { + min-height: 7px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: #64b6ac; +} \ No newline at end of file diff --git a/config/waybar/style/Black-&-White-Monochrome.css b/config/waybar/style/Black-&-White-Monochrome.css new file mode 100644 index 00000000..f897c555 --- /dev/null +++ b/config/waybar/style/Black-&-White-Monochrome.css @@ -0,0 +1,222 @@ +/* ---- 💫 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar, +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +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----*/ +#taskbar button, +#workspaces button { + color: dimgrey; + 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:hover, +#workspaces button:hover { + color: white; + background-color: #7f849c; + 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.active, +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + color: red; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Catppuccin-Frappe.css b/config/waybar/style/Catppuccin-Frappe.css new file mode 100644 index 00000000..7c3c557f --- /dev/null +++ b/config/waybar/style/Catppuccin-Frappe.css @@ -0,0 +1,287 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Catppuccin Frappe */ + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import "../waybar/style/catppuccin-themes/frappe.css"; + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + padding: 4px; + border-top: 1px solid @rosewater; + border-bottom: 3px solid @sapphire; + background: alpha(@crust, 0.4); + border-radius: 10px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +#taskbar button, +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover, +#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; +} + +#taskbar button.active, +#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; +} + +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 3px solid @sapphire; +} + +#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: 3.0s; + animation-timing-function: steps(12); + 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; +} + +#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; +} + +#mpris { + color:@lavender; +} + +#network { + color: @teal; +} + +#network.disconnected, +#network.disabled { + background-color: @surface0; + color: @text; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Catppuccin-Latte.css b/config/waybar/style/Catppuccin-Latte.css new file mode 100644 index 00000000..6984df38 --- /dev/null +++ b/config/waybar/style/Catppuccin-Latte.css @@ -0,0 +1,286 @@ +/* ---- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import "../waybar/style/catppuccin-themes/latte.css"; + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + border-top: 1px solid @flamingo; + border-bottom: 3px solid @lavender; + background: alpha(@overlay0, 0.3); + border-radius: 10px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +#taskbar button, +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover, +#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; +} + +#taskbar button.active, +#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; +} + +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 3px solid @lavender; +} + +#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: 3.0s; + animation-timing-function: steps(12); + 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; +} + +#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; +} + +#mpris { + color:@lavender; +} + +#network { + color: @teal; +} + +#network.disconnected, +#network.disabled { + background-color: @surface0; + color: @text; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Catppuccin-Mocha.css b/config/waybar/style/Catppuccin-Mocha.css new file mode 100644 index 00000000..35a4aba7 --- /dev/null +++ b/config/waybar/style/Catppuccin-Mocha.css @@ -0,0 +1,304 @@ +/* ---- 💫 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import "../waybar/style/catppuccin-themes/mocha.css"; + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + background: transparent; + border-radius: 10px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +#taskbar button, +#workspaces button { + color: @overlay1; + 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:hover, +#workspaces button:hover { + border-radius: 10px; + color: @peach; + 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; +} + +#taskbar button.active, +#workspaces button.active { + color: @mauve; + 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; +} + +/* 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; +} + +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#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: 3.0s; + animation-timing-function: steps(12); + 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; +} + +#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; +} + +#mpris { + color:@lavender; +} + +#network { + color: @teal; +} +#network.disconnected, +#network.disabled { + background-color: @surface0; + color: @text; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Colored-Chroma-Glow.css b/config/waybar/style/Colored-Chroma-Glow.css new file mode 100644 index 00000000..6ec9602d --- /dev/null +++ b/config/waybar/style/Colored-Chroma-Glow.css @@ -0,0 +1,337 @@ +/* ---- 💫 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +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, +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; +} + +#taskbar button, +#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); +} + +#taskbar button.active, +#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); +} + +#taskbar button:hover, +#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; +} + +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + 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: #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: 3.0s; + animation-timing-function: steps(12); + 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, +#custom-nightlight, +#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; */ +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#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; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Colored-Translucent.css b/config/waybar/style/Colored-Translucent.css new file mode 100644 index 00000000..f16fdc78 --- /dev/null +++ b/config/waybar/style/Colored-Translucent.css @@ -0,0 +1,358 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Translucent */ + +@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; + +* { +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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +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; +} + +tooltip { + background: #1e1e2e; + opacity: 0.6; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; +} + +#taskbar button, +#workspaces button { + background-color: transparent; + color: @fgcolor; + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + 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 { + background-color: rgba(0, 0, 0, 0.2); + color: @accent2; + 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, +#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: rgba(0, 0, 0, 0.35); + color: @accent5; + /* box-shadow: inset 0 -3px #ffffff; */ +} + +#workspaces button.urgent { + background-color: #eb4d4b; + color: #ffffff; +} + +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#custom-weather2, +#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: 4px; + padding-bottom: 4px; + 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: @critical; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + 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-weather2 { + color: #66cc99; +} + +#custom-lock { + color: #ffa000; +} + +#keyboard-state, +#temperature { + color: @accent6; + /* background-color: #f0932b; */ +} + +#temperature.critical { + background-color: @critical; +} + +#tray { + /* background-color: #505050; */ +} + +#custom-hypridle, +#idle_inhibitor { + color: #f9e2af; + /*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 { + 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; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Colorful-Aurora-Blossom.css b/config/waybar/style/Colorful-Aurora-Blossom.css new file mode 100644 index 00000000..9eda0868 --- /dev/null +++ b/config/waybar/style/Colorful-Aurora-Blossom.css @@ -0,0 +1,205 @@ +/* ---- 💫 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: transparent; +} + +window#waybar.empty , +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +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-left, +.modules-center, +.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 indv----*/ + +#taskbar button, +#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); +} + +#taskbar button:hover, +#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); +} + +#taskbar button.active, +#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, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} +#custom-power { + padding: 1px 3px; +} +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + color: #cc3436; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + background-color: #7f849c; + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight, +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Colorful-Aurora.css b/config/waybar/style/Colorful-Aurora.css new file mode 100644 index 00000000..d4232f22 --- /dev/null +++ b/config/waybar/style/Colorful-Aurora.css @@ -0,0 +1,213 @@ +/* ---- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar, +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +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-left, +.modules-center, +.modules-right { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +/*-----modules indv----*/ +#taskbar button, +#workspaces button { + 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); +} +#taskbar button:hover, +#workspaces button:hover { + color: black; + 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); +} +#taskbar button.active, +#workspaces button.active { + color: black; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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, #95E6CB, #59C2FF, #D2A6FF); + color: black; + border: 1px; + border-style: solid; + border-radius: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} +#backlight { + padding-right: 2px; +} +#custom-power { + padding-left: 10px; + padding-right: 2px; +} +#custom-menu { + padding-right: 8px; +} +#custom-cycle_wall { + padding-right: 2px; +} +#network { + padding-right: 12px; +} +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + background: red; + color: black; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + background-color: #7f849c; + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Colorful-Oglo-Chicklets.css b/config/waybar/style/Colorful-Oglo-Chicklets.css new file mode 100644 index 00000000..61b99f40 --- /dev/null +++ b/config/waybar/style/Colorful-Oglo-Chicklets.css @@ -0,0 +1,421 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Oglo Chicklets */ + +* { + font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-size: 99%; + font-weight: bold; +} + +window#waybar { + background-color: #232a2e; + border-bottom: 8px solid #1d2327; + color: #d3c6aa; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +/* +window#waybar.empty { + background-color: transparent; +} +window#waybar.solo { + background-color: #FFFFFF; +} +*/ + +button { + all: unset; + background-color: #778f52; + color: #2d353b; + border: none; + border-bottom: 8px solid #5d743e; + border-radius: 5px; + padding-left: 15px; + padding-right: 15px; + transition: transform 0.1s ease-in-out; +} + +button:hover { + background: inherit; + background-color: #92ab6c; + border-bottom: 8px solid #788f57; +} + +button.active { + background: inherit; + background-color: #a5be7e; + border-bottom: 8px solid #8aa168; +} + +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: #ffffff; + padding-top: 2px; + padding-bottom: 2px; + border-radius: 5px; + padding-left: 5px; + padding-right: 5px; +} + +#window, +#workspaces { + margin: 0 4px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +#window { + background-color: #343f44; + color: #d3c6aa; + border-bottom: 8px solid #2b3539; +} + +#custom-swaync { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#custom-menu { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#custom-power { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + padding-left: 10px; +} + +#custom-power_vertical{ + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; +} + +#clock { + background-color: #96a84c; + color: #2d353b; + border-bottom: 8px solid #7a8c37; +} + +#battery { + background-color: #3a998f; + color: #2d353b; + border-bottom: 8px solid #227d74; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#cpu { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#memory { + background-color: #d980ad; + color: #2d353b; + border-bottom: 8px solid #b86790; +} + +#disk { + background-color: #964B00; + border-bottom: 8px solid #793300; +} + +#custom-lock, +#custom-light_dark, +#custom-nightlight, +#backlight { + background-color: #64b6ac; + color: #2d353b; + border-bottom: 8px solid #4f9990; + padding-left: 10px; +} + +#network { + background-color: #2980b9; +} + +#network.disconnected { + background-color: #f53c3c; +} + +#pulseaudio { + background-color: #d8ac47; + color: #2d353b; + border-bottom: 8px solid #b78f30; +} + +#pulseaudio.muted { + background-color: #90b1b1; + color: #2a5c45; +} + +#wireplumber { + background-color: #fff0f5; + color: #000000; +} + +#wireplumber.muted { + background-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 { + background-color: #f0932b; + border-bottom: 8px solid #b78f30; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray { + background-color: #e67f51; + color: #2d353b;; + border-bottom: 8px solid #c3653b; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor { + background-color: #2d3436; + border-bottom: 8px solid #1d2327; +} + +#idle_inhibitor.activated { + background-color: #ecf0f1; + border-bottom: 8px solid #7a8c37; + color: #2d3436; +} + +#mpd { + background-color: #66cc99; + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#language { + background: #00b093; + color: #740864; + min-width: 16px; +} + +#keyboard-state { + background: #97e1ad; + color: #000000; + min-width: 16px; + border-bottom: 8px solid #78b48a; +} + +#keyboard-state > label { + padding: 0 5px; +} + +#keyboard-state > label.locked { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad.empty { + background-color: transparent; +} + +tooltip { + background-color: #232a2e; + border: none; + border-bottom: 8px solid #1d2327; +} + +tooltip decoration { + box-shadow: none; +} + +tooltip decoration:backdrop { + box-shadow: none; +} + +tooltip label { + color: #d3c6aa; + padding-left: 5px; + padding-right: 5px; + padding-top: 0px; + padding-bottom: 5px; +} + + +#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/config/waybar/style/Colorful-Rainbow-Spectrum.css b/config/waybar/style/Colorful-Rainbow-Spectrum.css new file mode 100644 index 00000000..24320ae6 --- /dev/null +++ b/config/waybar/style/Colorful-Rainbow-Spectrum.css @@ -0,0 +1,330 @@ +/* ---- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background-color: rgba(0,0,0,0); + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty, +window#waybar.empty #window { + padding: 0px; + border: 0px; + 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; +} + +#taskbar button, +#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); +} + +#taskbar button.active, +#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); +} + +#taskbar button:hover, +#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); +} + +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#backlight { + background-color: #cba6f7; +} + +#battery { + background-color: #f9e2af; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f38ba8; + color: #f38ba8; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + 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; +} + +#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-cava_mviz, +#power-profiles-daemon, +#custom-browser, +#custom-file_manager, +#custom-tty, +#custom-settings { + background: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%); +} + +#custom-cycle_wall { + background-color: #94e2d5; +} + +#custom-swaync, +#custom-weather { + background-color: #cba6f7; +} + +#custom-reboot, +#wireplumber { + background-color: #a6e3a1; +} + +#wireplumber.muted { + background-color: #313244; + color: #cdd6f4; +} + +#custom-lock { + background-color: #89dceb; +} + +#custom-quit, +#temperature { + background-color: #86b4fa; +} + +#temperature.critical { + background-color: red; +} + +#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 { + 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; + padding-right: 12px; +} +#network.disconnected,#network.disabled { + background-color: #313244; + color: #cdd6f4; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Colorful-stolen-style.css b/config/waybar/style/Colorful-stolen-style.css new file mode 100644 index 00000000..cc1f12fa --- /dev/null +++ b/config/waybar/style/Colorful-stolen-style.css @@ -0,0 +1,352 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* ....[Colorful] Stolen ......... */ +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + background: rgba(0, 0, 0, 0.8); + border-radius: 6px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +window#waybar.empty, +window#waybar.empty #window { + background-color: rgba(0, 0, 0, 0.8); + padding: 0px; + border: 0px; +} + +#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-cycle_wall, +#custom-github, +#custom-hint, +#custom-hyprWindowMode, +#custom-keyboard, +#custom-light_dark, +#custom-nightlight, +#custom-lock, +#custom-menu, +#custom-power, +#custom-power_vertical, +#custom-speaker, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather2, +#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: 6px; + padding-left: 6px; +} + +#workspaces button { + padding-left: 10px; + padding-right: 10px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.1s linear; +} + +#workspaces button.persistent { + color: #faba4a; +} + +#workspaces button.empty { + color: #ffffed; +} + +#workspaces button.active { + color: #00ffff; + border: 2px solid #455a64; + border-radius: 16px; +} + +#workspaces button.urgent { + color: #f7768e; + border: 2px solid #f7768e; + border-radius: 16px; +} + +#workspaces button:hover { + border: 2px solid #455a64; + border-radius: 16px; +} + +#idle_inhibitor { + color: #7aa2f7; + border-bottom: 2px solid #455a64; +} + +#backlight { + color: #7aa2f7; +} + +#bluetooth { + color: #7aa2f7; +} + +#clock { + color: #9fe044; + padding-right: 7px; +} + +#custom-swaync { + color: #9fe044; + border: 2px solid #455a64; + border-radius: 20px; + padding-left: 13px; + padding-right: 12px; +} + +#custom-keyboard { + color: #e0af68; + border: 2px solid #455a64; + border-radius: 20px; + padding-left: 14px; + padding-right: 14px; +} + +#custom-cycle_wall { + color: #c0caf5; + padding-left: 7px; + padding-right: 4px; +} + +#custom-hint { + color: #c0caf5; + padding-left: 0px; + padding-right: 4px; +} + +#custom-github { + color: #c0caf5; + padding-left: 0px; + padding-right: 4px; +} + +#custom-hyprWindowMode { + color: #c0caf5; + padding-left: 6px; +} + +#custom-niflveil { + color: #7dcfff; + padding-left: 0px; + padding-right: 10px; +} + +#custom-niflveil.empty { + color: #c0caf5; + +} + +#cpu { + padding-left: 10px; + padding-right: 3px; + color: #ffffed; + border-top: 2px solid #455a64; + border-bottom: 2px solid #455a64; + border-left: 2px solid #455a64; + border-radius: 20px 0px 0px 20px; +} + +#memory { + color: #ffffed; + padding-right: 8px; + border-bottom: 2px solid #455a64; + border-top: 2px solid #455a64; + border-radius: 0px; +} + +#temperature { + color: #ffffed; + border-bottom: 2px solid #455a64; + border-top: 2px solid #455a64; + border-radius: 0px; +} + +#disk { + padding-right: 16px; + color: #ffffed; + border-top: 2px solid #455a64; + border-bottom: 2px solid #455a64; + border-right: 2px solid #455a64; + border-radius: 0px 20px 20px 0px; +} + +#temperature.critical { + background-color: #f7768e; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; +} + +#keyboard-state { + color: #c7a9ff; +} + +#custom-cava_mviz { + color: #c7a9ff; +} + +#custom-menu { + + color: #7dcfff; + padding-left: 14px; + padding-right: 12px; +} + +#custom-power { + + color: #f7768e; + padding-left: 8px; + padding-right: 17px; +} + +#custom-updater { + color: #f7768e; + border: 2px solid #455a64; + border-radius: 20px; + padding-left: 10pt; + padding-right: 12px; + +} + +#custom-light_dark { + color: #7aa2f7; +} + +#custom-weather { + color: #9fe044; + +} + +#custom-speaker { + color: #faba4a; +} + +#pulseaudio { + color: #faba4a; + +} + +#pulseaudio.bluetooth { + color: #c7a9ff; +} + +#pulseaudio.muted { + color: #f7768e; +} + +#window { + font-size: 100%; + color: #ffffed; +} + +#mpris { + color: #bb9af7; +} + +#network { + color: #7dcfff; +} + +#network.disconnected, +#network.disabled { + background-color: #c0caf5; + color: #000000; +} + +#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-separator { + padding-left: 6px; + color: #f7768e; +} diff --git a/config/waybar/style/Crystal Clear Glass.css b/config/waybar/style/Crystal Clear Glass.css deleted file mode 100644 index 9bc24902..00000000 --- a/config/waybar/style/Crystal Clear Glass.css +++ /dev/null @@ -1,246 +0,0 @@ -/* 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: 99%; - 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-weather2, -#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/Crystal-Clear-Glass.css b/config/waybar/style/Crystal-Clear-Glass.css new file mode 100644 index 00000000..9bc24902 --- /dev/null +++ b/config/waybar/style/Crystal-Clear-Glass.css @@ -0,0 +1,246 @@ +/* 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: 99%; + 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-weather2, +#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/Dark-Golden-Eclipse.css b/config/waybar/style/Dark-Golden-Eclipse.css new file mode 100644 index 00000000..a12135ba --- /dev/null +++ b/config/waybar/style/Dark-Golden-Eclipse.css @@ -0,0 +1,211 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Golden Eclipse */ + +* { +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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +} + + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + background: #000000; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 4px; + padding-left: 4px; + border-radius: 12px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +#waybar.empty #window { + background: none; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-power_vertical, +#custom-power, +#custom-quit, +#custom-reboot, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#custom-updater, +#custom-hyprpicker, +#custom-weather, +#custom-weather2, +#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: #fcba03; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: red; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} +#tray > .needs-attention { + -gtk-icon-effect: highlight; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: cyan; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#taskbar button, +#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); + color: #fcba03; +} + +#taskbar button:hover, +#workspaces button:hover { + border-radius: 10px; + color: #a6adc8; + background-color: #ffeb8a; + 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: #fcba03; + border-radius: 10px; +} + +#taskbar button.active, +#workspaces button.active { + color: black; + background-color: #fcba03; + 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; +} + + +#pulseaudio.muted { + color: red; +} + +#network.disconnected, +#network.disabled { + background-color: #fcba03; + color: #cdd6f4; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + diff --git a/config/waybar/style/Dark-Golden-Noir.css b/config/waybar/style/Dark-Golden-Noir.css new file mode 100644 index 00000000..32b03390 --- /dev/null +++ b/config/waybar/style/Dark-Golden-Noir.css @@ -0,0 +1,214 @@ +/* ----------- 💫 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: #040406; + border-radius: 30px; + color: #cba6f7; + +} + +window#waybar.hidden { + opacity: 0.5; +} + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #ffd700; +} + +/*-----module groups----*/ +.modules-left, +.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; +} + +#taskbar button, +#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); +} + +#taskbar button.active, +#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; +} + +#taskbar button:hover, +#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); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} \ No newline at end of file diff --git a/config/waybar/style/Dark-Half-Moon.css b/config/waybar/style/Dark-Half-Moon.css new file mode 100644 index 00000000..fbcb8278 --- /dev/null +++ b/config/waybar/style/Dark-Half-Moon.css @@ -0,0 +1,330 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* ..........Half Moon.................. */ +/* NOTE: This is only for some waybar configs */ +/* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */ + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + + +window#waybar { + background-color: rgba(26,27,38,0); + border-bottom: 1px solid rgba(26,27,38,0); + border-radius: 0px; + color: #E6B673; +} + +#waybar.empty, #waybar.tiled, #waybar.floating { + background-color: transparent; +} + +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; +} + +#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-nightlight, +#custom-dot_update, +#custom-swaync, +#custom-hypridle, +#idle_inhibitor, +#clock { + color: #B8CC52; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 1px solid rgba(26,27,38,0); +} + +#bluetooth { + color: blue; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-playerctl, +#power-profiles-daemon, +#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, +#battery { + color: #F07178; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#mpris { + color: #F07178; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding-left: 8px; + padding-right: 2px; +} + +#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 { + 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-browser, +#custom-file_manager, +#custom-tty, +#custom-settings { + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; + color: #0F1419; + background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); +} + +#custom-weather { + color: #59C2FF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} +#custom-weather2 { + 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; +} + +#custom-power_vertical, +#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: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6E6A86; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: purple; +} \ No newline at end of file diff --git a/config/waybar/style/Dark-Latte-Wallust-combined-v2.css b/config/waybar/style/Dark-Latte-Wallust-combined-v2.css new file mode 100644 index 00000000..fecde9d8 --- /dev/null +++ b/config/waybar/style/Dark-Latte-Wallust-combined-v2.css @@ -0,0 +1,273 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Catppuccin Latte - Wallust - v2 */ + +@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 @background; +@define-color background-module2 @color11; +@define-color border-color @color12; +@define-color button-color @color10; +@define-color button-hover @color13; + +@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../waybar/style/catppuccin-themes/latte.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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: @background; + border-radius:15px; + padding-top: 2px; + padding-bottom: 0px; + padding-right: 4px; + padding-left: 4px; +} + +tooltip { + background: #1e1e2e; + border-radius: 12px; + border-width: 1px; + border-style: solid; + border-color: @border-color; + color: #ffffff; +} + +#workspaces { + padding: 0px 1px; + border-radius: 15px; + border-bottom: 2px solid @border-color; + font-weight: bold; + font-style: normal; + opacity: 0.8; +} + +#taskbar button, +#workspaces button { + color: @foreground; + box-shadow: none; + text-shadow: none; + border-radius: 30px; + 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: #ffd700; + border-radius: 50%; + background-color: black; + 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); +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: #ffd700; + border-radius: 10px; + 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); +} + +/*-----module groups----*/ +.modules-center { + background-color: @background-module2; + border-radius: 10px; + padding: 4px; + border-bottom: 2px solid @border-color; + border-right: 1px solid @button-hover; + border-left: 1px solid @button-hover; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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-right: 6px; + padding-left: 6px;; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} + +#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; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#custom-hypridle, +#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 { + color: @foreground; + border-radius: 15px; +} + +#custom-updates { + color: @yellow; +} +#swaync{ + color: #ffd700;} diff --git a/config/waybar/style/Dark-Latte-Wallust-combined.css b/config/waybar/style/Dark-Latte-Wallust-combined.css new file mode 100644 index 00000000..d410b79f --- /dev/null +++ b/config/waybar/style/Dark-Latte-Wallust-combined.css @@ -0,0 +1,283 @@ +/* ---- 💫 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 @color12; +@define-color button-color @color11; +@define-color button-hover @color13; + +@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../waybar/style/catppuccin-themes/latte.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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: transparent; + border-radius: 0px; + color: #cba6f7; +} + +window#waybar.hidden { + opacity: 0; +} + +tooltip { + background: #1e1e2e; + border-radius: 12px; + border-width: 1px; + border-style: solid; + border-color: @border-color; + color: #ffffff; +} + +/*-----module groups----*/ +.modules-left, +.modules-center, +.modules-right { + background-color: @background-module; + border-radius:15px; + border-bottom:2px solid @border-color; + padding-top: 2px; + padding-bottom: 0px; + padding-right: 4px; + padding-left: 4px; +} + +#workspaces { + padding: 0px 1px; + border-radius: 15px; + border:2px solid @border-color; + font-weight: bold; + font-style: normal; + opacity:0.8; + color:#FFFFFF; +} + +#taskbar button, +#workspaces button { + color: #6E6A86; + box-shadow: none; + text-shadow: none; + border-radius: 30px; + 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: #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; +} + +#taskbar button:hover, +#workspaces button:hover { + color: #ffd700; + border-radius: 10px; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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-right: 6px; + padding-left: 6px;; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} + +#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; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#custom-hypridle, +#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); +} + + +#clock#2 { + color: #efe8f7; +} + +#clock { + color: @sapphire; + border-radius: 15px; + border:2px solid @border-color; +} +#custom-updates { + color: @yellow; +} +#swaync{ + color: #ffd700;} diff --git a/config/waybar/style/Dark-Purpl.css b/config/waybar/style/Dark-Purpl.css new file mode 100644 index 00000000..5a73a394 --- /dev/null +++ b/config/waybar/style/Dark-Purpl.css @@ -0,0 +1,233 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* .............Purpl..................... */ +/* --- 👍 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: #100214; + color: #cba6f7; +} + +window#waybar.hidden { + opacity: 0.5; +} + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #cba6f7; +} + +/*-----module groups----*/ +.modules-right { + border: 3px solid #20052a; + border-radius: 100px 0px 0px 0px; + background-color: #3d174b; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 5px; + padding-left: 5px; +} + +.modules-center { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-left { + /*background-color: #1e1e2e;*/ + border: 3px solid #20052a; + border-radius: 0px 0px 100px 0px; + background-color: #441a53; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 5px; + padding-left: 5px; +} + +#taskbar button, +#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: #cba6f7; + border-radius: 20%; + background-color: black; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#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: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6E6A86; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: purple; +} \ No newline at end of file diff --git a/config/waybar/style/Dark-Wallust-Obsidian-Edge.css b/config/waybar/style/Dark-Wallust-Obsidian-Edge.css new file mode 100644 index 00000000..adc0543d --- /dev/null +++ b/config/waybar/style/Dark-Wallust-Obsidian-Edge.css @@ -0,0 +1,203 @@ +/* ---- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: black; + border-radius: 12px; +} + +window#waybar.hidden { + opacity: 0.5; +} + +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-left, +.modules-center, +.modules-right { + border: 0px solid #b4befe; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#taskbar button, +#workspaces button { + color: @color12; + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + 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: @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; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @color9; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Extra-Arrow.css b/config/waybar/style/Extra-Arrow.css new file mode 100644 index 00000000..623de072 --- /dev/null +++ b/config/waybar/style/Extra-Arrow.css @@ -0,0 +1,295 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* .....[Extra] Arrow Best to combine with [TOP] Arrow.... */ +/* --- 👍 taken from https://github.com/mxkrsv 👍 --- */ + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + border: none; + border-radius: 0; + min-height: 0; + margin: 0; + padding: 0; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +/* Colors (gruvbox) */ +@define-color black #282828; +@define-color red #cc241d; +@define-color green #98971a; +@define-color yellow #d79921; +@define-color blue #458588; +@define-color purple #b16286; +@define-color aqua #689d6a; +@define-color gray #a89984; +@define-color brgray #928374; +@define-color brred #fb4934; +@define-color brgreen #b8bb26; +@define-color bryellow #fabd2f; +@define-color brblue #83a598; +@define-color brpurple #d3869b; +@define-color braqua #8ec07c; +@define-color white #ebdbb2; +@define-color bg2 #504945; + + +@define-color warning @bryellow; +@define-color critical @red; +@define-color mode @black; +@define-color unfocused @bg2; +@define-color focused @braqua; +@define-color inactive @purple; +@define-color sound @brpurple; +@define-color network @purple; +@define-color memory @braqua; +@define-color cpu @green; +@define-color temp @brgreen; +@define-color layout @bryellow; +@define-color battery @aqua; +@define-color date @black; +@define-color time @white; + +/* The whole bar */ +#waybar { + background: rgba(40, 40, 40, 0.8784313725); /* #282828e0 */ + color: @white; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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-left: 8pt; + padding-right: 8pt; +} + +/* Each critical module */ +#mode, +#memory.critical, +#cpu.critical, +#temperature.critical, +#battery.critical.discharging { + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; + animation-name: blink-critical; + animation-duration: 1s; +} + +/* Each warning */ +#network.disconnected, +#memory.warning, +#cpu.warning, +#temperature.warning, +#battery.warning.discharging { + color: @warning; +} + +/* Keyframes */ + +@keyframes blink-critical { + to { + /*color: @white;*/ + background-color: @critical; + } +} + +/* Current sway mode (resize etc) */ +#mode { + color: @white; + background: @mode; +} + +/* Workspaces stuff */ +#workspaces button { + /*font-weight: bold;*/ + padding-left: 2pt; + padding-right: 2pt; + color: @white; + background: @unfocused; +} + +/* Inactive (on unfocused output) */ +#workspaces button.visible { + color: @white; + background: @inactive; +} + +/* Active (on focused output) */ +#workspaces button.focused { + color: @black; + background: @focused; +} + +/* Contains an urgent window */ +#workspaces button.urgent { + color: @black; + background: @warning; +} + +/* Style when cursor is on the button */ +#workspaces button:hover { + background: @black; + color: @white; +} + +#window { + margin-right: 35pt; + margin-left: 35pt; +} + +#pulseaudio { + background: @sound; + color: @black; +} + +#network { + background: @network; + color: @white; +} + +#memory { + background: @memory; + color: @black; +} + +#cpu { + background: @cpu; + color: @white; +} + +#temperature { + background: @temp; + color: @black; +} + +#language { + background: @layout; + color: @black; +} + +#battery { + background: @battery; + color: @white; +} + +#tray { + background: @date; +} + +#clock { + background: @time; + color: @black; +} + +#custom-arrow1 { + color: @time; + background: @date; +} + +#custom-arrow2 { + color: @date; + background: @layout; +} + +#custom-arrow3 { + color: @layout; + background: @battery; +} + +#custom-arrow4 { + color: @battery; + background: @temp; +} + +#custom-arrow5 { + color: @temp; + background: @cpu; +} + +#custom-arrow6 { + color: @cpu; + background: @memory; +} + +#custom-arrow7 { + color: @memory; + background: @network; +} + +#custom-arrow8 { + color: @network; + background: @sound; +} + +#custom-arrow9 { + color: @sound; + background: transparent; +} + +#custom-arrow10 { + color: @unfocused; + background: transparent; +} diff --git a/config/waybar/style/Extra-Crimson.css b/config/waybar/style/Extra-Crimson.css new file mode 100644 index 00000000..f2e5fb03 --- /dev/null +++ b/config/waybar/style/Extra-Crimson.css @@ -0,0 +1,204 @@ +/* ----------- 💫 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: 99%; +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; +} + +tooltip { + background: #240303; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: wheat; +} + +/*-----module groups----*/ +.modules-left, +.modules-center, +.modules-right { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#taskbar button, +#workspaces button { + color: wheat; + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + 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: 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; +} + +#taskbar button:hover, +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} + + \ No newline at end of file diff --git a/config/waybar/style/Extra-EverForest.css b/config/waybar/style/Extra-EverForest.css new file mode 100644 index 00000000..2bbaa4a2 --- /dev/null +++ b/config/waybar/style/Extra-EverForest.css @@ -0,0 +1,330 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* --- Designed by https://github.com/DevNChill --- */ +/* Extra - EverForest*/ + +@define-color bg_dim #232A2E; +@define-color black #000000; +@define-color white #FFFFFF; +@define-color bg0 #2D353B; +@define-color bg1 #343F44; +@define-color bg2 #3D484D; +@define-color bg3 #475258; +@define-color bg4 #4F585E; +@define-color bg5 #56635f; +@define-color bg_visual #543A48; +@define-color bg_red #514045; +@define-color bg_green #425047; +@define-color bg_blue #3A515D; +@define-color bg_yellow #4D4C43; +@define-color fg #D3C6AA; +@define-color red #E67E80; +@define-color orange #E69875; +@define-color yellow #DBBC7F; +@define-color green #A7C080; +@define-color aqua #83C092; +@define-color blue #7FBBB3; +@define-color purple #D699B6; +@define-color grey0 #7A8478; +@define-color grey1 #859289; +@define-color grey2 #9DA9A0; + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + border: 1px solid transparent; + border-radius: 0px; + margin: 0px 1px; +} + +window#waybar { + border: none; + /*background-color: @bg_green;*/ + background-color: @bg_green; + color: @fg; + transition-property: background-color; + transition-duration: 0.5s; +} + +window#waybar.hidden { + opacity: 0.5; +} + +#window { + padding: 0px 10px; + margin: 0px 10px; + border-radius: 5px; + background-color: @bg0; +} + +.modules-left button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + margin-left: 5px; +} + +.modules-left button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + margin-right: 5px; +} + +#custom-menu, +#custom-arch { + background-color: @bg; + color: @red; +} + +#custom-swaync { + color: @yellow; +} + +#taskbar button, +#workspaces button { + padding: 0px 5px; + background-color: @orange; + color: @black; +} + +#taskbar button.active, +#workspaces button.active { + background-color: @grey0; + color: @black; + animation: gradient_f 20s ease-in infinite; + /*transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);*/ +} + +#taskbar button:hover, +#workspaces button:hover { + background-color: @purple; + color: @black; +} + +#workspaces button.focused { + background-color: @green; + color: @bg0; +} + +#workspaces button.urgent { + background-color: @red; /* Keeps the original color */ + color: @white; /* Sets text color to white for better contrast */ + border: 2px solid @red; /* Adds a border with the same color */ + box-shadow: 0 0 10px @red; /* Adds a glow effect */ + font-weight: bold; /* Makes text bold for more emphasis */ + transition: + background-color 0.3s, + box-shadow 0.3s; /* Smooth transition for hover effect */ +} + +#cpu { + border-radius: 5px 0px 0px 5px; + padding: 0px 5px; + background-color: @yellow; + color: @bg_yellow; +} + +#memory { + padding: 0px 5px; + background-color: @yellow; + color: @bg_yellow; +} + +#temperature { + padding: 0px 5px; + background-color: @green; + color: @bg_yellow; +} +#temperature.critical { + background-color: @red; +} + +#disk { + border-radius: 0px 5px 5px 0px; + padding: 0px 5px; + margin-right: 5px; + background-color: @green; + color: @bg_yellow; +} + +#battery.bat2 { + border-radius: 0px 5px 5px 0px; +} + +.modules-left :last-child { + border-radius: 0px 5px 5px 0px; +} +#battery { + border-radius: 5px 0px 0px 5px; + padding: 0px 5px; + background-color: @aqua; + color: @bg_yellow; +} +#battery.plugged { + color: @fg; + background-color: @bg_green; +} +#battery.charging { + color: @fg; + background-color: @bg_green; +} +#battery.critical:not(.charging) { + background-color: @red; + color: @fg; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} +@keyframes blink { + to { + background-color: @fg; + color: @bg_dim; + } +} + +#backlight { + border-radius: 5px 0px 0px 5px; + padding: 0px 5px; + margin-left: 5px; + background-color: @red; + color: @black; +} + +#network, +#pulseaudio { + padding: 0px 5px; + border-radius: 0px 5px 5px 0px; + background-color: @blue; + color: @bg_yellow; +} + +#pulseaudio.muted { + background-color: @grey1; + color: @bg_yellow; +} + +#tray { + padding: 0px 5px; + border-radius: 5px; + margin-left: 5px; + color: @fg; + background-color: @bg0; +} + +#custom-hypridle, +#idle_inhibitor { + padding: 0px 5px; + 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; +} + +#clock { + padding: 0px 5px; + border-radius: 5px; + margin: 0px 5px; + color: @bg_yellow; + background-color: @aqua; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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-right: 5px; + padding-left: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Extra-ML4W-starter.css b/config/waybar/style/Extra-ML4W-starter.css new file mode 100644 index 00000000..68303d9d --- /dev/null +++ b/config/waybar/style/Extra-ML4W-starter.css @@ -0,0 +1,367 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* ML4W - Waybar Style */ +/* Original design from ML4W - Hyprland Starter Waybar */ + +@define-color backgroundlight #FFFFFF; +@define-color backgrounddark #FFFFFF; +@define-color workspacesbackground1 #FFFFFF; +@define-color workspacesbackground2 #CCCCCC; +@define-color bordercolor #FFFFFF; +@define-color textcolor1 #000000; +@define-color textcolor2 #000000; +@define-color textcolor3 #FFFFFF; +@define-color iconcolor #FFFFFF; + +/* ----------------------------------------------------- + * General + * ----------------------------------------------------- */ + +* { + font-family: "JetBrainsMono Nerd Font"; + border: none; + border-radius: 4px; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background-color: rgba(0,0,0,0.2); + border-bottom: 0px solid #ffffff; + /* color: #FFFFFF; */ + transition-property: background-color; + transition-duration: .5s; +} + +/* ----------------------------------------------------- + * Workspaces & Taskbar + * ----------------------------------------------------- */ + +#taskbar, +#workspaces { + margin: 5px 1px 6px 1px; + padding: 0px 1px; + border-radius: 15px; + border: 0px; + font-weight: bold; + font-style: normal; + color: @textcolor1; +} + +#taskbar button, +#workspaces button { + padding: 0px 5px; + margin: 4px 3px; + border-radius: 12px; + border: 0px; + color: @textcolor3; + transition: all 0.3s ease-in-out; +} + +#taskbar button.active, +#workspaces button.active { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 8px; + min-width: 40px; + transition: all 0.3s ease-in-out; +} + +#workspaces button:hover { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 15px; +} + +/* ----------------------------------------------------- + * Tooltips + * ----------------------------------------------------- */ + +tooltip { + border-radius: 10px; + background-color: @backgroundlight; + opacity:0.8; + padding:20px; + margin:0px; +} + +tooltip label { + color: @textcolor2; +} + +/* ----------------------------------------------------- + * Window + * ----------------------------------------------------- */ + +#window { + background: @backgroundlight; + margin: 10px 15px 10px 0px; + padding: 2px 10px 0px 10px; + border-radius: 8px; + color:@textcolor2; + font-weight:normal; +} + +window#waybar.empty #window { + background-color:transparent; +} + +/* ----------------------------------------------------- + * Modules + * ----------------------------------------------------- */ + +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +/* ----------------------------------------------------- + * Custom Quicklinks + * ----------------------------------------------------- */ + +#network, +#pulseaudio, +#battery, +#clock { + margin-right: 20px; + font-weight: bold; + color: @iconcolor; + padding: 4px 10px 2px 10px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#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-weather2, +#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-right: 6px; + padding-left: 6px; + color: @iconcolor; +} + +/* ----------------------------------------------------- + * Custom Modules + * ----------------------------------------------------- */ + +#custom-menu { + background-color: @backgrounddark; + color: @textcolor1; + border-radius: 10px; + margin: 10px 10px 10px 10px; + padding-right: 6px; + padding-left: 4px; +} + +#custom-power { + margin: 2px 10px 0px 0px; + padding:0px; + color: @iconcolor; +} + +/* ----------------------------------------------------- + * Hardware Group + * ----------------------------------------------------- */ + + #disk,#memory,#cpu,#language { + margin:0px; + padding:0px; + color:@iconcolor; +} + +#language { + margin-right:10px; +} + +/* ----------------------------------------------------- + * Clock + * ----------------------------------------------------- */ + +#clock { + background-color: @backgrounddark; + color: @textcolor1; + border-radius: 15px; + margin: 10px 2px 10px 0px; +} + +/* ----------------------------------------------------- + * Pulseaudio + * ----------------------------------------------------- */ + +#pulseaudio { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 12px; + margin: 10px 10px 10px 0px; +} + +#pulseaudio.muted { + background-color: @backgrounddark; + color: @textcolor1; +} + +/* ----------------------------------------------------- + * Network + * ----------------------------------------------------- */ + +#network { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 15px; + margin: 10px 10px 10px 0px; +} + +#network.ethernet { + background-color: @backgroundlight; + color: @textcolor2; +} + +#network.wifi { + background-color: @backgroundlight; + color: @textcolor2; +} + +/* ----------------------------------------------------- + * Bluetooth + * ----------------------------------------------------- */ + + #bluetooth, #bluetooth.on, #bluetooth.connected { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 15px; + margin: 10px 15px 10px 0px; +} + +#bluetooth.off { + background-color: transparent; + padding: 0px; + margin: 0px; +} + +/* ----------------------------------------------------- + * Battery + * ----------------------------------------------------- */ + +#battery { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 15px; + margin: 10px 15px 10px 0px; +} + +#battery.charging, #battery.plugged { + color: @textcolor2; + background-color: @backgroundlight; +} + +@keyframes blink { + to { + background-color: @backgroundlight; + color: @textcolor2; + } +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: @textcolor3; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +/* ----------------------------------------------------- + * Tray + * ----------------------------------------------------- */ + +#tray { + margin:0px 10px 0px 0px; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +/* ----------------------------------------------------- + * Other + * ----------------------------------------------------- */ + +label:focus { + background-color: #000000; +} + +#backlight { + background-color: #90b1b1; +} + +#network { + background-color: #2980b9; +} + +#network.disconnected { + background-color: #f53c3c; +} + diff --git a/config/waybar/style/Extra-Mauve.css b/config/waybar/style/Extra-Mauve.css new file mode 100644 index 00000000..707b8613 --- /dev/null +++ b/config/waybar/style/Extra-Mauve.css @@ -0,0 +1,222 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* .......Mauve....................... */ +/* --- 👍 designed by https://github.com/CelestiaKai 👍 --- */ + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: #11111b; + color: #cba6f7; +} + +window#waybar.hidden { + opacity: 0.5; +} + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #cba6f7; +} + +/*-----module groups----*/ +.modules-left, +.modules-right { + border: 3px solid #11111b; + border-radius: 10px 10px 10px 10px; + background-color: #313244; + 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; +} + +#taskbar button, +#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); +} + +#taskbar button.active, +#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; + padding-left: 6px; + padding-right: 8px; +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + border-radius: 30%; + background-color: #cba6f7; + color: #1e1e1e; +} + +#taskbar button:hover, +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; + +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6E6A86; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: purple; +} diff --git a/config/waybar/style/Extra-Modern-Combined---Transparent.css b/config/waybar/style/Extra-Modern-Combined---Transparent.css new file mode 100644 index 00000000..6da2f9d4 --- /dev/null +++ b/config/waybar/style/Extra-Modern-Combined---Transparent.css @@ -0,0 +1,287 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Extra - Combined Modern - transparent */ + +/* NOTE: This style is NOT vertical layout friendly! */ + +@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 @background-alt; +@define-color background-module2 @background; +@define-color border-color @color12; +@define-color button-color @color10; +@define-color button-hover @color13; + +/* Theme-aware base colors */ +@define-color backgroundlight @background-alt; +@define-color backgrounddark @background; +@define-color workspacesbackground1 @background-alt; +@define-color workspacesbackground2 @background; +@define-color bordercolor @color11; +@define-color textcolor1 @foreground; +@define-color textcolor2 @foreground; +@define-color textcolor3 @foreground; +@define-color iconcolor @foreground; + +@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../waybar/style/catppuccin-themes/latte.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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background-color: transparent; + border-radius: 6px; + padding-top: 2px; + padding-bottom: 0px; + padding-right: 4px; + padding-left: 4px; +} + +tooltip { + background: #1e1e2e; + border-radius: 12px; + border-width: 1px; + border-style: solid; + border-color: @border-color; + color: #ffffff; +} + +#taskbar button, +#workspaces button { + padding: 0px 3px; + margin: 3px 2px; + border-radius: 4px; + color: @textcolor1; + background-color: @workspacesbackground2; + transition: all 0.1s linear; + opacity: 0.4; +} + +#taskbar button.active, +#workspaces button.active { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 4px; + min-width: 30px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + opacity: 1.0; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @red; + background: @workspacesbackground2; + border-radius: 3px; + opacity:0.6; + 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; +} + +/*-----module groups----*/ +.modules-left, +.modules-right { + background-color: transparent; +} + +.modules-center { + background-color: @background-module; + border-radius: 0px 0px 45px 45px; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 10px; + padding-right: 6px; +} + +#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-weather2, +#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: white; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#custom-hint { + color: @peach; + padding-right: 6px; + padding-left: 6px; +} + +#pulseaudio.muted { + color: red; +} + +#temperature.critical { + background-color: @red; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#pulseaudio-slider, +#pulseaudio { + color: @foreground; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#custom-hypridle, +#custom-lock, +#idle_inhibitor { + color: @teal; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#custom-weather, +#custom-weather2, +#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: @lavender; + padding-right: 6px; + padding-left: 6px; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#clock { + color: @sapphire; + border-radius: 15px; +} + +#custom-updates { + color: @yellow; +} + +#custom-swaync{ + color: #ffd700;} diff --git a/config/waybar/style/Extra-Modern-Combined.css b/config/waybar/style/Extra-Modern-Combined.css new file mode 100644 index 00000000..d9fa9325 --- /dev/null +++ b/config/waybar/style/Extra-Modern-Combined.css @@ -0,0 +1,300 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Extra - Combined Modern */ + +/* NOTE: This style is NOT vertical layout friendly! */ + +@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 @background-alt; +@define-color background-module2 @background; +@define-color border-color @color12; +@define-color button-color @color10; +@define-color button-hover @color13; + +/* Theme-aware base colors */ +@define-color backgroundlight @background-alt; +@define-color backgrounddark @background; +@define-color workspacesbackground1 @background-alt; +@define-color workspacesbackground2 @background; +@define-color bordercolor @color11; +@define-color textcolor1 @foreground; +@define-color textcolor2 @foreground; +@define-color textcolor3 @foreground; +@define-color iconcolor @foreground; + +@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../waybar/style/catppuccin-themes/latte.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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background-color: rgba(0,0,0,0.4); + border-radius: 6px; + padding-top: 2px; + padding-bottom: 0px; + padding-right: 4px; + padding-left: 4px; +} + +tooltip { + background: #1e1e2e; + border-radius: 12px; + border-width: 1px; + border-style: solid; + border-color: @border-color; + color: #ffffff; +} + +#taskbar button, +#workspaces button { + padding: 0px 3px; + margin: 3px 2px; + border-radius: 4px; + color: @textcolor1; + background-color: @workspacesbackground2; + transition: all 0.1s linear; + opacity: 0.4; +} + +#taskbar button.active, +#workspaces button.active { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 10px; + min-width: 30px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + opacity: 1.0; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @red; + background: @workspacesbackground2; + border-radius: 5px; + opacity:0.6; + 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; +} + +#clock#2 { + color: #efe8f7; +} + +/*-----module groups----*/ +.modules-left, +.modules-right { + background-color: transparent; +} + +.modules-center { + background-color: @background-module; + border-radius: 0px 0px 45px 45px; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 10px; + padding-right: 6px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-nightlight, +#custom-browser, +#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 { + color: @foreground; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#custom-playerctl, +#custom-cava_mviz { + color: @sky; +} + +#custom-hint { + color: @peach; + padding-right: 6px; + padding-left: 6px; +} + +#pulseaudio-slider, +#pulseaudio { + color: @foreground; +} + +#pulseaudio.muted { + color: red; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} + +#memory { + color: @sapphire; +} + +#cpu { + color: @mauve; +} + +#battery { + color: @rosewater; +} + +#disk { + color: @green; +} + +#temperature.critical { + background-color: @red; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#custom-hypridle, +#custom-lock, +#idle_inhibitor { + color: @teal; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#custom-weather, +#custom-weather2, +#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: @lavender; + padding-right: 6px; + padding-left: 6px; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#clock { + color: @sapphire; + border-radius: 15px; +} + +#custom-updates { + color: @yellow; +} + +#custom-swaync{ + color: #ffd700;} diff --git a/config/waybar/style/Extra-Neon-Circuit.css b/config/waybar/style/Extra-Neon-Circuit.css new file mode 100644 index 00000000..8991e6d1 --- /dev/null +++ b/config/waybar/style/Extra-Neon-Circuit.css @@ -0,0 +1,427 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* --- Extra - Neon Circuit - waybar style ---*/ + +@define-color bar-bg rgba(0, 0, 0, 0); +@define-color main-bg #313244; +@define-color main-fg #b4befe; +@define-color wb-act-bg #b4befe; +@define-color wb-act-fg #1e1e2e; +@define-color wb-hvr-bg #f5c2e7; +@define-color wb-hvr-fg #313244; + +* { + border: none; + border-radius: 0px; + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: @bar-bg; +} + +tooltip { + background: @main-bg; + color: @main-fg; + border-radius: 12px; + border-width: 0px; +} + +#taskbar button, +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 2px; + border: 2px; + border-color: #b4befe; + border-width: 5px; + border-radius: 10px; + margin-top: 2px; + margin-bottom: 2px; + margin-left: 0px; + padding-left: 6px; + padding-right: 0px; + margin-right: 0px; + color: @wb-act-fg; + background-color: #b4befe; + animation: ws_normal 2s ease-in-out 1; +} + +#taskbar button.active, +#workspaces button.active { + background-image: linear-gradient(45deg, #89b4fa 50%, #cba6f7 50%); + color: @wb-act-fg; + border-radius: 12px; + margin-left: 4px; + padding-left: 12px; + padding-right: 12px; + margin-right: 4px; + animation: ws_active 2s ease-in-out 1; + transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover, +#workspaces button:hover { + background: @wb-hvr-bg; + color: @wb-hvr-fg; + animation: ws_hover 20s ease-in-out 1; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#tray menu * { + min-height: 18px +} + +#tray menu separator { + min-height: 16px +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#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-weather2, +#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; + margin: 3px 0px 3px 0px; + padding-left: 4px; + padding-right: 4px; +} + +#workspaces { + border-radius: 20px; + border-width: 2px; + border-style: solid; + border-color: #b4befe; + padding-right: 8px; + padding-left: 8px; + margin-right: 5px; +} + +#taskbar { + padding: 0px; + color: #b4befe; +} + +#window { + color: #F2CCCC; + border-radius: 20px; + border-style: solid; + border-width: 2px; + border-color: #F2CCCC; + margin-right: 5px; +} + +#clock { + color: #F38BA8; + border-radius: 12px; + border-top-left-radius: 0px; + border-bottom-right-radius: 0px; + border-width: 2px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-left-width: 0px; + border-width: 2px; + border-color: #F38BA8; + margin-right: 5px; +} + +#idle_inhibitor { + color: #94e2d5; + border-radius: 12px; + border-top-right-radius: 0px; + border-bottom-left-radius: 0px; + border-style: solid; + border-right-style: none; + border-width: 2px; + border-color: #F38BA8; + margin-right: 0px; +} + +#idle_inhibitor.activated { + color: #39FF14; +} + +#temperature { + color: #cdd6f4; + border-radius: 20px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-style: solid; + border-right-style: none; + border-width: 2px; + border-color: #cdd6f4; + margin-left: 5px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#cpu, +#disk, +#memory { + color: #cdd6f4; + border-radius: 0px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-width: 2px; + border-color: #cdd6f4; + margin-right: 0px; +} + +#custom-menu { + color: #ff5a5a; + border-radius: 6px; + border-top-right-radius: 0px; + border-bottom-left-radius: 0px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-width: 2px; + border-color: #cdd6f4; + padding-right: 5px; + padding-left: 5px; +} + +#network { + border-radius: 12px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-style: solid; + border-left-style: none; + border-left-width: 0px; + border-width: 2px; + border-color: #cdd6f4; + margin-right: 5px; +} + +#backlight { + color: #F5E0DC; + border-radius: 12px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-style: solid; + border-right-style: none; + border-width: 2px; + border-color: #F5E0DC; + margin-left: 5px; +} + +#pulseaudio { + color: #F5E0DC; + border-radius: 20px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-style: solid; + border-left-style: none; + border-width: 2px; + border-color: #F5E0DC; + margin-right: 0px; +} + +#pulseaudio.muted { + color: red; +} + +#keyboard-state { + color: #F5E0DC; + border-radius: 20px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-style: solid; + border-left-style: none; + border-left-width: 0px; + border-width: 2px; + border-color: #F5E0DC; + margin-right: 5px; +} + +#custom-updater { + color: #F5E0DC; + border-radius: 0px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-width: 2px; + border-color: #F5E0DC; + margin-right: 0px; +} + +#custom-hint { + color: #F5E0DC; + border-radius: 12px; + border-top-left-radius: 0px; + border-bottom-right-radius: 0px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-left-width: 0px; + border-width: 2px; + border-color: #F5E0DC; + margin-right: 5px; +} + +#tray { + color: #b4befe; + font-size: 16; + border-radius: 12px; + border-top-right-radius: 0px; + border-bottom-left-radius: 0px; + border-width: 2px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-width: 2px; + border-color: #b4befe; + margin-left: 5px; + padding-left: 8px; +} + +#tray > .active, +#tray > .passive, +#tray menu { + color: #b4befe; +} + +#custom-swaync { + border-radius: 12px; + border-top-left-radius: 0px; + border-bottom-right-radius: 0px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-width: 2px; + border-color: #b4befe; + margin-right: 0px; +} + +#battery { + border-radius: 20px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-style: solid; + border-left-style: none; + border-left-width: 0px; + border-width: 2px; + border-color: #b4befe; + margin-right: 5px; + padding-right: 8px; +} + +#custom-power { + border-radius: 12px; + border-top-left-radius: 0px; + border-bottom-right-radius: 0px; + border-style: solid; + border-left-style: none; + border-width: 2px; + border-color: #F38BA8; + padding-left: 0px; + padding-right: 5px; + margin-right: 5px; +} + +#custom-weather, +#custom-weather2, +#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: 12px; + border-top-left-radius: 0px; + border-bottom-right-radius: 0px; + border-width: 2px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-color: #E06C75; + color: #E06C75; + margin-right: 5px; +} + +#window { + background-image: linear-gradient(45deg, #89b4fa 50%, #cba6f7 50%); + color: black; + border-radius: 20px; + border-width: 2px; + border-style: solid; + border-left-style: none; + border-right-style: none; + border-color: #f5e0dc; + margin-right: 5px; +} diff --git a/config/waybar/style/Extra-Prismatic-Glow.css b/config/waybar/style/Extra-Prismatic-Glow.css new file mode 100644 index 00000000..6e26037b --- /dev/null +++ b/config/waybar/style/Extra-Prismatic-Glow.css @@ -0,0 +1,288 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* .............Prismatic 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + + border: none; + border-radius: 10px; + font-size: 99%; + min-height: 20px; + margin: 0px; +} + +/* Module Styles */ +.module { + padding: 2px 4px; + margin: 1px 1px; +} + +.modules-left>widget:first-child .module { + margin-left: 2px; +} + +/* Special Case: Right Margin for Last Module in Right Section */ +.modules-right>widget:last-child .module { + margin-right: 2px; +} + +/* Window Styling */ +window#waybar { + background-color: transparent; + color: black; + transition: background-color 0.5s; +} + +/* Make window module transparent when no windows present */ +window#waybar.empty #window { + background-color: transparent; + background: transparent; +} + +window#waybar.hidden { + opacity: 0.2; +} + +/* Tooltip styling */ +menu, +tooltip { + background: rgba(0, 0, 0, 0.9); + border-radius: 10px; + border: 2px transparent; + border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; + padding: 5px; + box-shadow: 0 0 0 1px; +} + +menu label, +tooltip label { + color: rgb(0, 238, 255); +} + +/* Workspaces Button Styling */ +#workspaces button { + color: rgb(0, 238, 255); + background: transparent; + font-weight: bolder; + box-shadow: inset 0 -3px transparent; + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); + padding: 2px 5px; +} + +#workspaces button.active { + color: black; + border-bottom: 2px solid transparent; + /* border-top: 2px solid transparent; */ + border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; + padding: 0 10px; +} + +#workspaces button.focused { + background: black; +} + +#workspaces button.visible { + color: rgb(0, 238, 255); +} + +#workspaces button.urgent { + background: red; + color: black; + padding: 0 5px; +} + +#workspaces button:hover { + background: black; + border: 1px solid transparent; + border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; + padding: 0 5px; +} + +/* Taskbar Button Styling */ +#taskbar button { + padding: 0 1px; +} + +#taskbar button.active { + background: black; + border-bottom: 2px solid transparent; + /* border-top: 2px solid transparent; */ + border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; + padding: 0 5px; +} +#taskbar button:hover { + background: black; + border: 1px solid transparent; + border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; + padding: 0 5px; +} + +/* Transparent Modules When Empty */ +#taskbar.empty, +window#waybar.empty { + background-color: transparent; +} + +/* Specific Module Styles */ +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#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-weather2, +#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: black; + color: rgb(0, 238, 255); +} + +#temperature.critical { + background-color: red; +} + +#network.disconnected, +#pulseaudio.muted { + color: red; +} + +#battery.charging, +#battery.plugged { + color: black; + background: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #FA8BFF 90%); +} + +@keyframes blink { + to { + background-color: black; + color: red; + } +} + +#battery.warning:not(.charging), +#battery.critical:not(.charging) { + background-color: red; + color: black; +} + +#battery.warning:not(.charging) { + animation: blink 1s linear infinite alternate; +} +#battery.critical:not(.charging) { + animation: blink 0.5s linear infinite alternate; +} + +/* Focused Label Background */ +label:focus { + background-color: black; +} + +/* Keyboard State Styles */ +#keyboard-state>label { + padding: 0 5px; +} + +#keyboard-state>label.locked { + background: rgba(0, 0, 0, 0.2); +} + +/* Tray Styles */ +#tray { + background-color: black; +} + +#tray>.passive { + -gtk-icon-effect: dim; +} + +#tray>.needs-attention { + -gtk-icon-effect: highlight; + padding: 0 5px; + background-color: red; +} + +/* Gradient Module Styles */ +#mpd, +#mpris, +#window { + background: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #FA8BFF 90%); +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6E6A86; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: purple; +} \ No newline at end of file diff --git a/config/waybar/style/Extra-Rose-Pine.css b/config/waybar/style/Extra-Rose-Pine.css new file mode 100644 index 00000000..fdbd4fed --- /dev/null +++ b/config/waybar/style/Extra-Rose-Pine.css @@ -0,0 +1,244 @@ +/* ---- 💫 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + border-radius: 12px; +} + +window#waybar { + background: @bar-bg; +} + +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +tooltip { + background: @main-bg; + color: @main-fg; + border-radius: 8px; + border-width: 0px; +} + +#taskbar button, +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-bottom: 2px; + border-color: #2B5D34; + border-style: solid; + border-radius: 10px; + padding-left: 2px; + padding-right: 4px; + 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: 2px; + padding-right: 4px; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#temperature, +#tray, +#window, +#wireplumber, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: red; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 2px; +} + +@keyframes blink { + to { + color: @main-bg; + } +} + +#battery.critical:not(.charging) { + background-color: red; + color: white; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; + box-shadow: inset 0 -3px transparent; +} + +#backlight { + padding-right: 2px; +} +#network { + padding-right: 12px; +} +#custom-power { + padding-right: 1px; +} +#group-motherboard, +#group-laptop, +#group-audio { + color: @main-fg; + background-color: @main-bg; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Extra-Simple-Pink.css b/config/waybar/style/Extra-Simple-Pink.css new file mode 100644 index 00000000..e21e0adf --- /dev/null +++ b/config/waybar/style/Extra-Simple-Pink.css @@ -0,0 +1,215 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* .......Simple Pink....................... */ +/* --- 👍 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: 99%; + 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; +} + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: pink; +} + +/*-----module groups----*/ +.modules-left, +.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; +} + +#taskbar button, +#workspaces button { + color: pink; + box-shadow: none; + text-shadow: none; + 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: 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; +} + +#taskbar button:hover, +#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, +#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-weather2, +#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: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} \ No newline at end of file diff --git a/config/waybar/style/Light-Monochrome-Contrast.css b/config/waybar/style/Light-Monochrome-Contrast.css new file mode 100644 index 00000000..30e81a83 --- /dev/null +++ b/config/waybar/style/Light-Monochrome-Contrast.css @@ -0,0 +1,206 @@ +/* ---- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar, +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +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-left, +.modules-center, +.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 indv----*/ +#taskbar button, +#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); +} +#taskbar button:hover, +#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); +} + +#taskbar button.active, +#workspaces button.active { + background-color: grey; + color: black; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} +#custom-power { + padding: 1px 3px; +} +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + color: #cc3436; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: grey; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Light-Obsidian-Glow.css b/config/waybar/style/Light-Obsidian-Glow.css new file mode 100644 index 00000000..74ccb12a --- /dev/null +++ b/config/waybar/style/Light-Obsidian-Glow.css @@ -0,0 +1,207 @@ +/* ---- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: white; + border-radius: 12px; +} + +window#waybar.hidden { + opacity: 0.7; +} + +tooltip { + background: white; + border-radius: 10px; +} + +tooltip label { + color: #373737; + padding-right: 2px; + padding-left: 2px; +} + +#taskbar button, +#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 { + background-color: dimgrey; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#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: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: grey; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; +} \ No newline at end of file diff --git a/config/waybar/style/ML4W Glass-3d.css b/config/waybar/style/ML4W Glass-3d.css deleted file mode 100644 index 003ae089..00000000 --- a/config/waybar/style/ML4W Glass-3d.css +++ /dev/null @@ -1,328 +0,0 @@ -/* 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: 99%; - 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-weather2, -#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 deleted file mode 100644 index b2703515..00000000 --- a/config/waybar/style/ML4W Glass.css +++ /dev/null @@ -1,296 +0,0 @@ -/* 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: 99%; - 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-weather2, -#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..003ae089 --- /dev/null +++ b/config/waybar/style/ML4W-Glass-3d.css @@ -0,0 +1,328 @@ +/* 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: 99%; + 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-weather2, +#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..b2703515 --- /dev/null +++ b/config/waybar/style/ML4W-Glass.css @@ -0,0 +1,296 @@ +/* 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: 99%; + 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-weather2, +#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/Rainbow-RGB-Bordered.css b/config/waybar/style/Rainbow-RGB-Bordered.css new file mode 100644 index 00000000..fcf16129 --- /dev/null +++ b/config/waybar/style/Rainbow-RGB-Bordered.css @@ -0,0 +1,313 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Catppuccin Mocha - Rainbow Bordered */ +/* Designed by https://github.com/0xl30 */ + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import "../waybar/style/catppuccin-themes/rgbmocha.css"; + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + background: transparent; + border-radius: 2px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +#taskbar button, +#workspaces button { + color: @overlay1; + 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:hover, +#workspaces button:hover { + border-radius: 10px; + color: @peach; + 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; +} + +#taskbar button.active, +#workspaces button.active { + color: @mauve; + 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; +} + +/* This section can be use if you want to separate waybar modules */ +.modules-left, .modules-center, .modules-right { + background: @theme_base_color; + border: 2px solid transparent; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + border-radius: 0px; + + border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1; + animation: rainbow-gradient 20s ease-in-out infinite; /* Adjust timing as needed */ +} + + +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#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: 3.0s; + animation-timing-function: steps(12); + 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; +} + +#custom-cava_mviz { + animation: rainbow-text 0.80s linear infinite; +} + +@keyframes rainbow-text { + 0% { color: rgb(0, 247, 198); } /* Low amplitude */ + 42% { color: rgb(60, 0, 179); } /* Mid amplitude */ + 71% { color: indigo; } /* Higher amplitude */ + 100% { color: rgb(234, 0, 255); } /* Maximum amplitude */ +} + + +#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; +} + +#mpris { + color:@lavender; +} + +#network { + color: @teal; +} +#network.disconnected, +#network.disabled { + background-color: @surface0; + color: @text; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Retro-Simple-Style.css b/config/waybar/style/Retro-Simple-Style.css new file mode 100644 index 00000000..ceb4110d --- /dev/null +++ b/config/waybar/style/Retro-Simple-Style.css @@ -0,0 +1,184 @@ +/* ---- 💫 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; + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + +} + +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, +#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-weather2, +#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: 6px; + color: @foreground; +} + +#battery.warning, +#disk.warning, +#memory.warning, +#cpu.warning { + border-top: 3px solid @background; + border-bottom: 3px solid yellow; +} + +@keyframes blink { + to { + color: @background; + } +} + +#battery.critical:not(.charging) { + background-color: @red; + color: white; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; + box-shadow: inset 0 -3px transparent; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 3px solid yellow; +} + +#battery.critical, +#disk.critical, +#memory.critical, +#cpu.critical { + border-top: 3px solid @background; + border-bottom: 3px solid red; +} + +#temperature.critical { + background-color: red; +} + +#battery.charging { + border-top: 3px solid @background; + border-bottom: 3px solid green; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: @dim; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: @green; +} \ No newline at end of file diff --git a/config/waybar/style/Transparent-Crystal-Clear.css b/config/waybar/style/Transparent-Crystal-Clear.css new file mode 100644 index 00000000..743051a9 --- /dev/null +++ b/config/waybar/style/Transparent-Crystal-Clear.css @@ -0,0 +1,201 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* .......Crystal Clear....................... */ +/* --- 👍 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background:transparent; + border-radius: 1px; + color: whitesmoke; +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty +window#waybar.empty #window { + padding: 0px; + border: 0px; + background-color: transparent; +} + +#taskbar button, +#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, +#power-profiles-daemon, +#pulseaudio, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#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: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: black; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: wheat; +} + + \ No newline at end of file diff --git a/config/waybar/style/VERTICAL-Catpuccin-Mocha.css b/config/waybar/style/VERTICAL-Catpuccin-Mocha.css new file mode 100644 index 00000000..b6d3d098 --- /dev/null +++ b/config/waybar/style/VERTICAL-Catpuccin-Mocha.css @@ -0,0 +1,237 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Vertical Catpuccin Mocha */ +/* As stated on title, best style for vertical layout waybar config */ + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import "../waybar/style/catppuccin-themes/mocha.css"; + +window#waybar { + background-color: @base; + border-radius: 5px; +} + +tooltip { + background: @base; + opacity: 1; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: @sapphire; +} + +tooltip label { + color: @blue; +} + +#taskbar button, +#workspaces button { + color: @surface2; + background-color: transparent; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 4px; +} + +#taskbar button.active, +#workspaces button.active { + color: @maroon; +} + +#workspaces button.focused { + color: @rosewater; + background: transparent; + border-radius: 15px; +} + +#workspaces button.urgent { + color: #11111b; + background: transparent; + border-radius: 15px; +} + +#taskbar button:hover, +#workspaces button:hover { + background: transparent; + color: @flamingo; + border-radius: 15px; +} + +#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-weather2, +#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 { + opacity: 1; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#idle_inhibitor { + color: @pink; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#mpris { + color: @rosewater; +} + +#battery { + color: #a6e3a1; + padding-left: 15px; + border-radius: 15px 0 0 15px; +} + +@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; +} + +#custom-lock, +#custom-power { + color: @red; + border-radius: 15px; + font-weight: bolder; + padding-left: 1px; +} + +#network { + background-color: transparent; + color: @mauve; +} + +#backlight { + color: @flamingo; +} + + +#custom-weather { + color: @green; + border-radius: 15px; + background-color: transparent; +} + +#custom-menu { + color: #89b4fa; +} + +#pulseaudio { + background-color: transparent; + color: @blue; +} + +#clock, +#clock-calender { + color: @sapphire; +} + +#custom-dots { + color: @sapphire; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-color: @text; + border-radius: 3px; + box-shadow: 1px 5px 6px 1px #272727; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: @surface0; +} + +window#waybar.bottombar #backlight-slider trough, +window#waybar.bottombar #pulseaudio-slider trough { + min-height: 7px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: @blue; +} diff --git a/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css b/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css new file mode 100644 index 00000000..bb5bf01f --- /dev/null +++ b/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css @@ -0,0 +1,319 @@ +/* ----------- 💫 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 @color12; +@define-color button-color @color11; +@define-color button-hover @color9; + +@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../waybar/style/catppuccin-themes/latte.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: 99%; + 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#waybar.empty #window { + background-color: transparent; + padding: 0px; + 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, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#temperature, +#tray, +#window, +#wireplumber, +#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-weather2, +#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; + 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-nightlight, +#custom-menu{ + color: @flamingo; + padding: 0px 8px 0px 4px; + opacity:1.0; +} + +#custom-weather, +#custom-weather2, +#custom-updates { + color: @yellow; +} + +#mpris { + padding-right: 2px; +} + +#keyboard-state, +#clock { + color: @sapphire; +} + +#temperature { + color: @rosewater; +} + +#network { + padding-left: 2px; + 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, +#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{ + color: @color2; +} +#workspaces { + border-radius: 25px; + border:2px solid @border-color; + opacity:0.8; + color:#FFFFFF; + margin: 6px; + +} + +#taskbar button, +#workspaces button { + 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; +} + +#taskbar button.active, +#workspaces button.active { + color: #FFFFFF; + background: @button-color; + border-radius: 25px; + 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; +} + +#taskbar button:hover, +#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; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + + diff --git a/config/waybar/style/Wallust-Bordered-Chroma-Simple.css b/config/waybar/style/Wallust-Bordered-Chroma-Simple.css new file mode 100644 index 00000000..2a1ede12 --- /dev/null +++ b/config/waybar/style/Wallust-Bordered-Chroma-Simple.css @@ -0,0 +1,317 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* Wallust Bordered - Chroma Simple */ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + + +* { + 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: 99%; + min-height: 0; +} + +window#waybar { + background-color: transparent; + color: @foreground; + padding-left: 15px; + padding-right: 15px; +} + +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +tooltip { + background-color: @color12; + color: @foreground; + border-radius: 10px; + border-width: 1.5px; + border-style: solid; + border-color: @color9; + transition: 0.3s; + opacity: 0.9; +} + +#taskbar button, +#workspaces { + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color12; +} + +#workspaces button { + color: @color10; + box-shadow: none; + text-shadow: none; + padding-right: 12px; + border-radius: 9px; + 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: @color12; + padding-right: 12px; + background-color: @background; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @color12; + padding-left: 0px; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#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-weather2, +#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: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color13; +} + +#cpu { + border: 2px solid @color5; + color: @foreground; + background: @color12; +} + +#memory { + color: @foreground; + background: @color12; +} + +#disk { + color: @foreground; + background: @color12; + border: 2px solid @color13; +} + +#temperature{ + color: @foreground; + background: @color12; +} + +#temperature.critical { + color: red; + border: 2px solid red; +} + +#custom-power { + color: red; + padding-left: 10px; + padding-right: 2px; + border: 2px solid red; +} + +#backlight { + color: #f9e2af; + padding-right: 5px; +} + +#tray { + border-radius: 20px; + margin-right: 5px; +/* padding: 0px 4px; */ + padding-left: 15px; + padding-right: 15px; + border: 2px solid @color7; +} + +#mpris { + padding-left: 16px; +} +#tray.empty { + background-color: transparent; + border-color: transparent; + border: 0px; +} + +#window { + margin-left: 5px; + margin-right: 5px; + border: 2px solid @color9; +} + +#clock { + color: #fab387; +} + + +#bluetooth { + color: #b4befe; + margin-right: 10px +} + +#pulseaudio.microphone, +#pulseaudio { + background-color: @color12; + color: #89b4fa; + border: 2px solid @color13; +} + +#pulseaudio.muted { + color: #f38ba8; + padding-right: 20px; +} + +#battery { + color: #a6e3a1; + margin-right: 5px; + padding-right: 15px; + border: 2px solid @color14; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.good { + color: #ffd57a; + border: 2px solid @color15; +} + +#battery.warning { + color: #fab387; + border-left: 0px; + border: 2px solid @color12; +} + +#battery.charging { + color: #a6e3a1; +} + +#battery.critical { + color: #f38ba8; + border-left: 0px; + border: 2px solid @color8; +} + +@keyframes blink { + to { + color: @color12; + } +} + +#battery.critical:not(.charging) { + background-color: red; + color: white; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; + box-shadow: inset 0 -3px transparent; +} + +#custom-weather { + color: #8eacf3; + border-right: 0px; + margin-left: 0px; + margin-right: 5px; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Wallust-Box-type.css b/config/waybar/style/Wallust-Box-type.css new file mode 100644 index 00000000..9089b9d5 --- /dev/null +++ b/config/waybar/style/Wallust-Box-type.css @@ -0,0 +1,225 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Wallust - Box type */ + +@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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: transparent; +} + +window#waybar.hidden { + opacity: 0.2; +} + +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +#window { + padding-left: 10px; + padding-right: 10px; + border-radius: 10px; + transition: none; + color: transparent; + background: transparent; +} + +#taskbar button, +#workspaces button { + color: @color15; + 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: @color15; + background-color: @background; + 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: @color15; + background-color: @background; +} + +#workspaces button.urgent { + color: #ffffff; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @color15; + 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, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-left: 8px; + padding-right: 10px; + border-radius: 10px; + transition: none; + color: @color15; + background: @background; + border-bottom-width: 5px; + border-bottom-color: @color12; + border-bottom-style: solid; +} + +#custom-power { + padding-right: 2px; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39ff14; + border-bottom-width: 5px; + border-bottom-color: @color12; + border-bottom-style: solid; +} + +#network { + padding-right: 12px; +} + +#temperature.critical { + background-color: red; + color: black; +} + +#mpris { + padding-right: 2px; + padding-left: 8px; +} +#backlight { + padding-right: 2px; +} +#battery.critical:not(.charging) { + 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; + } +} + +#backlight-slider slider, +#pulseaudio-slider slider { + 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; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Wallust-Chroma-Edge.css b/config/waybar/style/Wallust-Chroma-Edge.css new file mode 100644 index 00000000..5706a399 --- /dev/null +++ b/config/waybar/style/Wallust-Chroma-Edge.css @@ -0,0 +1,379 @@ +/* ---- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +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 +window#waybar.empty #window { + padding: 0px; + border: 0px; + 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; +} + +#taskbar button, +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#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: #8fbcbb; + padding-right: 2px; +} + +#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: 3.0s; + animation-timing-function: steps(12); + 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; + 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 { + 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); +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Wallust-Chroma-Fusion.css b/config/waybar/style/Wallust-Chroma-Fusion.css new file mode 100644 index 00000000..111fe50f --- /dev/null +++ b/config/waybar/style/Wallust-Chroma-Fusion.css @@ -0,0 +1,321 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* ....Chroma Fusion .... */ +/* 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: "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: 99%; + 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#waybar.empty #window { + background-color: transparent; + padding: 0px; + 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, +#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-weather2, +#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; + margin: 5px 5px 5px 5px; + opacity:0.8; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} +#backlight { + padding: 0px 2px 0px 6px; +} +#custom-power { + color: red; + padding: 0px 0px 0px 6px; + opacity:1.0; +} +#custom-light_dark, +#custom-nightlight, +#custom-menu{ + color: @flamingo; + padding: 0px 8px 0px 4px; + opacity:1.0; +} + +#mpris { + color: @sapphire; + padding-right: 0px; +} + +#custom-swaync, +#custom-weather, +#custom-weather2, +#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, +#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 { + margin: 3px 3px 3px 3px; + padding: 0px 1px; + border-radius: 25px; + font-weight: bold; + font-style: normal; + opacity:0.8; + color:#FFFFFF; + +} + +#taskbar button, +#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; +} + +#taskbar button.active, +#workspaces button.active { + color: #FFFFFF; + background: @button-color; + border-radius: 15px; + 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; +} + +#taskbar button:hover, +#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; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + + diff --git a/config/waybar/style/Wallust-Chroma-Tally-V2.css b/config/waybar/style/Wallust-Chroma-Tally-V2.css new file mode 100644 index 00000000..bbb644de --- /dev/null +++ b/config/waybar/style/Wallust-Chroma-Tally-V2.css @@ -0,0 +1,281 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Wallust - Chroma Tally v2 */ + +/* edited by: https://github.com/prateekshukla1108 */ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: @color0; /* Dark background */ + border-radius: 12px; + border-bottom: 2px; + border-style: solid; + border-color: @color7; /* Light border */ +} + +#workspaces { + background: transparent; + padding: 2px; + border-radius: 15px; + border: 0px; + font-style: normal; + color: @color7; /* Light text */ +} + +#taskbar button, +#workspaces button { + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: @color7; /* Light text */ + background: linear-gradient(45deg, @color5, @color6, @color7); /* Lighter gradient */ + 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: @color7; /* Light text */ + background: linear-gradient(45deg, @color5, @color6); /* Lighter gradient */ + 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: @color7; /* Light text */ + background: linear-gradient(45deg, @color6, @color7); /* Lighter gradient */ + opacity: 0.8; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +tooltip { + background: @background-alt; /* Theme-neutral tooltip background */ + opacity: 0.8; + border-radius: 6px; + color: @color7; /* Light text */ +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; + color: @color6; /* Lighter - changed from color5 */ +} + +#clock { + color: @color6; /* Lighter */ +} + +#backlight { + color: @color5; /* Lighter */ +} + +#battery { + color: @color6; /* Lighter */ +} + +#battery.charging { + color: @color7; /* Lightest */ +} + +@keyframes blink { + to { + color: @color4; /* Slightly lighter blink color */ + background-color: @color7; /* Lightest */ + } +} + +#battery.critical:not(.charging) { + background: @color5; /* Lighter background */ + color: @color7; /* Lightest */ + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#cpu { + color: @color6; /* Lighter */ +} + +#disk { + color: @color5; /* Lighter */ +} + +#custom-keyboard, +#memory { + color: @color6; /* Lighter */ +} + +#network.disabled { + color: @color5; /* Lighter */ +} + +#network{ + color: @color6; /* Lighter */ +} + +#network.disconnected { + color: @color5; /* Lighter */ +} + +#pulseaudio { + color: @color7; /* Lightest */ +} + +#pulseaudio.muted { + color: @color5; /* Lighter */ +} + +#custom-light_dark, +#custom-nightlight, +#temperature { + color: @color6; /* Lighter */ +} + +#temperature.critical { + color: @color5; /* Lighter */ +} + +#keyboard-state, +#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 { +} + +#custom-swaync, +#custom-menu { + color: @color7; /* Lightest */ + padding-left: 8px; +} + +#custom-power{ + color: @color6; /* Lighter */ +} + +#window{ + border-style: hidden; +} + +#custom-lock, +#bluetooth{ + color: @color5; /* Lighter */ +} + +#custom-cava_mviz{ + color: @color7; /* Lightest */ +} + +#custom-weather{ + color: @color5; /* Lighter */ +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: @color2; /* Slightly darker trough */ +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: @color6; /* Lighter highlight */ +} diff --git a/config/waybar/style/Wallust-Chroma-Tally.css b/config/waybar/style/Wallust-Chroma-Tally.css new file mode 100644 index 00000000..b6ab1470 --- /dev/null +++ b/config/waybar/style/Wallust-Chroma-Tally.css @@ -0,0 +1,281 @@ +/* ---- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: rgba (0, 0, 0, 0.5); + border-radius: 12px; + border-bottom: 2px; + border-style: solid; + border-color: @color12; +} + +#workspaces { + background: transparent; + padding: 2px; + 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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 5px; + padding-bottom: 5px; + 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: 3.0s; + animation-timing-function: steps(12); + 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, +#custom-nightlight, +#temperature { + color: #7287fd; +} + +#temperature.critical { + color: #bf616a; +} + +#keyboard-state, +#custom-hypridle, +#idle_inhibitor { + color: #ebcb8b; + border-bottom: 2px; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 2px; +} + +#tray { +} + +#custom-swaync, +#custom-menu { + color: yellow; + padding-left: 8px; +} +#custom-power{ + color: #eba0ac; +} + +#window{ + border-style: hidden; +} + +#custom-lock, +#bluetooth{ + color:#d08770; +} + +#custom-cava_mviz{ + color: @color11; +} + +#custom-weather{ + color:#d08770; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/Wallust-Colored.css b/config/waybar/style/Wallust-Colored.css new file mode 100644 index 00000000..80ffb1b0 --- /dev/null +++ b/config/waybar/style/Wallust-Colored.css @@ -0,0 +1,229 @@ +/* ----------- 💫 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"'; +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar, +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 @color12; + border-radius: 40px 0px 0px 0px; + background-color: @background-alt; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +.modules-center { + border: 3px solid @color7; + 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 @color12; + border-radius: 0px 0px 40px 0px; + background-color: @background-alt; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#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); +} + +#taskbar button.active, +#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; +} + +#taskbar button:hover, +#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, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#custom-cava_mviz { + padding-right: 10px; +} \ No newline at end of file diff --git a/config/waybar/style/Wallust-ML4W-modern-mixed.css b/config/waybar/style/Wallust-ML4W-modern-mixed.css new file mode 100644 index 00000000..5a22f177 --- /dev/null +++ b/config/waybar/style/Wallust-ML4W-modern-mixed.css @@ -0,0 +1,394 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* ml4w-modern-mixed */ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +@define-color backgroundlight @color12; +@define-color backgrounddark @background; +@define-color workspacesbackground1 @color12; +@define-color workspacesbackground2 @background; +@define-color bordercolor @color11; +@define-color textcolor1 @foreground; +@define-color textcolor2 @background; +@define-color textcolor3 @foreground; +@define-color iconcolor @foreground; + +* { + 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: 99%; + /* note: different modules have different font sizes */ + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background-color: rgba(0,0,0,0.8); +border-bottom: 0px solid @foreground; + /* color: #FFFFFF; */ + background: transparent; + transition-property: background-color; + transition-duration: .5s; +} + +#taskbar, +#workspaces { + background: @workspacesbackground1; + margin: 2px 18px 3px 1px; + margin-left: 6px; + padding: 0px 2px; + border-radius: 5px 5px 5px 5px; + border: 0px; + font-weight: bold; + font-style: normal; + opacity: 0.8; + color: @textcolor1; +} + +#taskbar button, +#workspaces button { + padding: 0px 6px; + margin: 3px 2px; + border-radius: 3px 3px 3px 3px; + color: @textcolor1; + background-color: @workspacesbackground2; + transition: all 0.1s linear; + opacity: 0.4; +} + +#taskbar button.active, +#workspaces button.active { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 3px 3px 3px 3px; + min-width: 30px; + transition: all 0.1s linear; + opacity:1.0; +} + +#taskbar button.hover, +#workspaces button:hover { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 5px 5px 5px 5px; + opacity:0.7; +} + +tooltip { + border-radius: 16px; + background-color: @backgroundlight; + opacity:0.9; + padding:20px; + margin:0px; +} + +tooltip label { + color: @textcolor2; +} + +#window { + margin: 3px 15px 3px 0px; + padding: 2px 10px 0px 10px; + border-radius: 5px 5px 5px 5px; + color:white; + font-weight:normal; + opacity:0.8; +} + +window#waybar.empty #window { + background-color:transparent; +} + +#taskbar.empty { + background:transparent; + border:0; + padding:0; + margin:0; +} + +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +#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-weather2, +#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: 2px; + margin-right: 8px; + margin-left: 6px; + font-size: 100%; + opacity: 0.8; + color: @iconcolor; +} + +#custom-swaync { + margin-left: 12px; +} + +#idle_inhibitor { + margin-right: 15px; + font-size: 102%; + font-weight: bold; + opacity: 0.8; + color: @iconcolor; + border-bottom: 0px solid @foreground; +} + +#idle_inhibitor.activated { + margin-right: 15px; + font-size: 100%; + font-weight: bold; + opacity: 0.8; + color: #dc2f2f; + border-bottom: 0px solid @foreground; +} + +#custom-menu { + background-color: @backgrounddark; + color: @textcolor1; + border-radius: 5px 5px 5px 5px; + padding: 0px 10px 0px 10px; + margin: 2px 17px 2px 0px; + opacity:0.8; + border:3px solid @bordercolor; +} + +#custom-power { + background-color: @backgrounddark; + color: @textcolor1; + border-radius: 5px 5px 5px 5px; + padding: 0px 0px 0px 6px; + opacity:0.8; + border:3px solid @bordercolor; +} + +#custom-keybinds { + margin: 0px 13px 0px 0px; + padding:0px; + color: @iconcolor; + opacity: 0.8; +} + +#custom-updater { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; + opacity:0.8; +} + +#custom-updates.green { + background-color: @backgroundlight; +} + +#custom-updates.yellow { +background-color: @color11; +color: @foreground; +} + +#custom-updates.red { +background-color: @color13; + color: #FFFFFF; +} + +#keyboard-state { + margin-right:10px; +} + +#clock { + background-color: @backgrounddark; + color: @textcolor1; + border-radius: 3px 5px 3px 5px; + padding: 1px 10px 0px 10px; + margin: 3px 0px 3px 0px; + opacity:0.8; + border:3px solid @bordercolor; +} + +#backlight { + background-color: @backgroundlight; + margin-left: 6px; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; + opacity:0.8; +} + +#pulseaudio { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; + opacity:0.8; +} + +#pulseaudio.muted { + background-color: @backgrounddark; + color: @textcolor1; +} + +#network { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; + opacity:0.8; +} + +#network.ethernet { + background-color: @backgroundlight; + color: @textcolor2; +} + +#network.wifi { + background-color: @backgroundlight; + color: @textcolor2; +} + +#bluetooth, #bluetooth.on, #bluetooth.connected { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; + opacity:0.8; +} + +#bluetooth.off { + background-color: transparent; + padding: 0px; + margin: 0px; +} + +#battery { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 15px 0px 10px; + margin: 3px 15px 3px 0px; + opacity:0.8; +} + +#battery.charging, #battery.plugged { + color: @textcolor2; + background-color: @backgroundlight; +} + +@keyframes blink { + to { + background-color: @backgroundlight; + color: @textcolor2; + } +} + +#battery.critical:not(.charging) { +background-color: @color13; + color: @textcolor3; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#tray { + padding: 0px 15px 0px 0px; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Wallust-ML4W-modern.css b/config/waybar/style/Wallust-ML4W-modern.css new file mode 100644 index 00000000..24b459a6 --- /dev/null +++ b/config/waybar/style/Wallust-ML4W-modern.css @@ -0,0 +1,387 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* ml4w-modern */ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +@define-color backgroundlight @color0; +@define-color backgrounddark @color12; +@define-color workspacesbackground1 @color0; +@define-color workspacesbackground2 @color12; +@define-color bordercolor @color13; +@define-color textcolor1 @foreground; +@define-color textcolor2 @foreground; +@define-color textcolor3 @foreground; +@define-color iconcolor @foreground; + +* { + 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: 99%; + /* note: different modules have different font sizes */ + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background-color: rgba(0,0,0,0.8); +border-bottom: 0px solid @foreground; + /* color: #FFFFFF; */ + background: transparent; + transition-property: background-color; + transition-duration: .5s; +} + +#workspaces { + background: @workspacesbackground1; + margin: 2px 18px 3px 1px; + margin-left: 6px; + padding: 0px 2px; + border-radius: 5px 5px 5px 5px; + border: 0px; + font-style: normal; + color: @textcolor1; +} + +#workspaces button { + padding: 0px 6px; + margin: 3px 2px; + border-radius: 3px 3px 3px 3px; + color: @textcolor1; + background-color: @workspacesbackground1; + transition: all 0.1s linear; +} + +#workspaces button.active { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 3px 3px 3px 3px; + min-width: 30px; + transition: all 0.1s linear; +} + +#workspaces button:hover { + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 5px 5px 5px 5px; + opacity:0.7; +} + +tooltip { + border-radius: 16px; + background-color: @backgroundlight; + opacity:0.9; + padding:20px; + margin:0px; +} + +tooltip label { + color: @textcolor2; +} + +#window { + margin: 3px 15px 3px 0px; + padding: 2px 10px 0px 10px; + border-radius: 5px 5px 5px 5px; + color:white; + font-weight:normal; +} + +window#waybar.empty #window { + background-color:transparent; +} + +#taskbar { + background: @backgroundlight; + margin: 3px 15px 3px 0px; + padding:0px; + border-radius: 5px 5px 5px 5px; + font-weight: normal; + font-style: normal; + border: 3px solid @backgroundlight; +} + +#taskbar button { + margin:0; + border-radius: 5px 5px 5px 5px; + padding: 0px 5px 0px 5px; +} + +#taskbar.empty { + background:transparent; + border:0; + padding:0; + margin:0; +} + +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +#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-weather2, +#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 { + margin-right: 8px; + margin-left: 6px; + font-size: 100%; + color: @iconcolor; +} + +#custom-swaync { + margin-left: 12px; +} + +#idle_inhibitor { + margin-right: 15px; + 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: @color13; + border-bottom: 0px solid @foreground; +} + +#custom-menu { + background-color: @backgrounddark; + color: @textcolor1; + border-radius: 5px 5px 5px 5px; + padding: 0px 10px 0px 10px; + margin: 2px 17px 2px 0px; + border:3px solid @bordercolor; +} + +#custom-power { + background-color: @backgrounddark; + color: @textcolor1; + border-radius: 5px 5px 5px 5px; + padding: 0px 0px 0px 6px; + border:3px solid @bordercolor; +} + +#custom-keybinds { + margin: 0px 13px 0px 0px; + padding:0px; + color: @iconcolor; +} + +#custom-updater { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; +} + +#custom-updates.green { + background-color: @backgroundlight; +} + +#custom-updates.yellow { +background-color: @color11; + color: #FFFFFF; +} + +#custom-updates.red { +background-color: @color13; + color: #FFFFFF; +} + +#keyboard-state { + margin-right:10px; +} + +#clock { + background-color: @backgrounddark; + color: @textcolor1; + border-radius: 3px 5px 3px 5px; + padding: 1px 10px 0px 10px; + margin: 3px 0px 3px 0px; + border:3px solid @bordercolor; +} + +#backlight { + background-color: @backgroundlight; + margin-left: 6px; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; +} + +#pulseaudio { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; +} + +#pulseaudio.muted { + background-color: @backgrounddark; + color: @textcolor1; +} + +#network { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; +} + +#network.ethernet { + background-color: @backgroundlight; + color: @textcolor2; +} + +#network.wifi { + background-color: @backgroundlight; + color: @textcolor2; +} + +#bluetooth, #bluetooth.on, #bluetooth.connected { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 10px 0px 10px; + margin: 3px 15px 3px 0px; +} + +#bluetooth.off { + background-color: transparent; + padding: 0px; + margin: 0px; +} + +#battery { + background-color: @backgroundlight; + color: @textcolor2; + border-radius: 5px 5px 5px 5px; + padding: 2px 15px 0px 10px; + margin: 3px 15px 3px 0px; +} + +#battery.charging, #battery.plugged { + color: @textcolor2; + background-color: @backgroundlight; +} + +@keyframes blink { + to { + background-color: @backgroundlight; + color: @textcolor2; + } +} + +#battery.critical:not(.charging) { +background-color: @color13; + color: @textcolor3; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#tray { + padding: 0px 15px 0px 0px; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Wallust-Simple.css b/config/waybar/style/Wallust-Simple.css new file mode 100644 index 00000000..f0f2cab2 --- /dev/null +++ b/config/waybar/style/Wallust-Simple.css @@ -0,0 +1,219 @@ +/* ----------- 💫 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: 99%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import '../../.config/waybar/wallust/colors-waybar.css'; + +#waybar.empty, #waybar.tiled, #waybar.floating { + background-color: transparent; +} + +window#waybar, +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +tooltip { + color: @color13; + background: @color10; + opacity: 1.0; + border-radius: 10px; +} + +/*-----module groups----*/ +.modules-left, +.modules-center, +.modules-right { + background-color: @color0; + border: 0.5px solid @color15; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} +/*-----modules indv----*/ + +#taskbar button, +#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); +} + +#taskbar button.active, +#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; +} + +#taskbar button:hover, +#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, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + 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----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#pulseaudio.muted { + color: #cc3436; +} +#pulseaudio-microphone.muted { + color: #cc3436; +} +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} \ No newline at end of file diff --git a/config/waybar/style/Wallust-Transparent-Crystal-Clear.css b/config/waybar/style/Wallust-Transparent-Crystal-Clear.css new file mode 100644 index 00000000..9182d536 --- /dev/null +++ b/config/waybar/style/Wallust-Transparent-Crystal-Clear.css @@ -0,0 +1,219 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* ....Wallust Transparent - Crystal Clear........ */ +/* --- 👍 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 @color13; /* text alternative color */ +@define-color bg @color7; /* background color */ + +*{ + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +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 { + +} + +tooltip { + color: @color12; + background: @color10; + opacity: 0.8; + border-radius: 10px; + border-width: 1px; + border-style: solid; +} + +#taskbar button, +#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, +#power-profiles-daemon, +#pulseaudio, +#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-weather2, +#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: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 8px solid rgba(0, 0, 0, 0.2); +} + +#battery.critical:not(.charging) { + color: @critical; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: black; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: wheat; +} + + \ No newline at end of file diff --git a/config/waybar/style/[0 VERTICAL] Golden Noir.css b/config/waybar/style/[0 VERTICAL] Golden Noir.css deleted file mode 100644 index 80b3e3ed..00000000 --- a/config/waybar/style/[0 VERTICAL] Golden Noir.css +++ /dev/null @@ -1,219 +0,0 @@ -/* ----------- 💫 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: #040406; - border-radius: 30px; - color: #cba6f7; - -} - -window#waybar.hidden { - opacity: 0.5; -} - -tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: #ffd700; -} - -/*-----module groups----*/ -.modules-left, -.modules-right { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; - -} - -.modules-center { - border-top: 1px solid #ffd700; - border-bottom: 1px solid #ffd700; - border-radius: 20px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} - -#taskbar button, -#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); -} - -#taskbar button.active, -#workspaces button.active { - color: #ffd700; - border-radius: 50%; - background-color: black; - border-radius: 15px 15px 15px 15px; - padding-left: 5px; - padding-right: 5px; - 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; -} - -#taskbar button:hover, -#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); -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 5px; - padding-bottom: 5px; - padding-right: 5px; - padding-left: 5px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: #22252a; -} - -window#waybar.bottombar #backlight-slider trough, -window#waybar.bottombar #pulseaudio-slider trough { - min-height: 7px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: #ba5663; -} \ No newline at end of file diff --git a/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css b/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css deleted file mode 100644 index b43a6571..00000000 --- a/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css +++ /dev/null @@ -1,409 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Oglo Chicklets */ - -* { - font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; - font-size: 99%; - font-weight: bold; -} - -window#waybar { - background-color: #232a2e; - border-bottom: 8px solid #1d2327; - color: #d3c6aa; - transition-property: background-color; - transition-duration: .5s; -} - -window#waybar.hidden { - opacity: 0.2; -} - -/* -window#waybar.empty { - background-color: transparent; -} -window#waybar.solo { - background-color: #FFFFFF; -} -*/ - -button { - all: unset; - background-color: #778f52; - color: #2d353b; - border: none; - border-bottom: 8px solid #5d743e; - border-radius: 5px; - padding-left: 5px; - padding-right: 5px; - transition: transform 0.1s ease-in-out; -} - -button:hover { - background: inherit; - background-color: #92ab6c; - border-bottom: 8px solid #788f57; -} - -button.active { - background: inherit; - background-color: #a5be7e; - border-bottom: 8px solid #8aa168; -} - -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: #ffffff; - padding-top: 2px; - padding-bottom: 2px; - border-radius: 5px; - padding-left: 5px; - padding-right: 5px; -} - -#window, -#workspaces { - margin: 5px; -} - -/* If workspaces is the leftmost module, omit left margin */ -.modules-left > widget:first-child > #workspaces { - margin-left: 0; -} - -/* If workspaces is the rightmost module, omit right margin */ -.modules-right > widget:last-child > #workspaces { - margin-right: 0; -} - -#window { - background-color: #343f44; - color: #d3c6aa; - border-bottom: 8px solid #2b3539; -} - -#custom-swaync { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#custom-menu { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#custom-power { - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; - padding-left: 5px; -} - -#custom-power_vertical{ - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; -} - -#clock { - background-color: #96a84c; - color: #2d353b; - border-bottom: 8px solid #7a8c37; -} - -#battery { - background-color: #3a998f; - color: #2d353b; - border-bottom: 8px solid #227d74; -} - -@keyframes blink { - to { - background-color: #ffffff; - color: #000000; - } -} - -#battery.critical:not(.charging) { - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -label:focus { - background-color: #000000; -} - -#cpu { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#memory { - background-color: #d980ad; - color: #2d353b; - border-bottom: 8px solid #b86790; -} - -#disk { - background-color: #964B00; - border-bottom: 8px solid #793300; -} - -#custom-lock, -#custom-light_dark, -#custom-nightlight, -#backlight { - background-color: #64b6ac; - color: #2d353b; - border-bottom: 8px solid #4f9990; - padding-left: 5px; -} - -#network { - background-color: #2980b9; -} - -#network.disconnected { - background-color: #f53c3c; -} - -#pulseaudio { - background-color: #d8ac47; - color: #2d353b; - border-bottom: 8px solid #b78f30; -} - -#pulseaudio.muted { - background-color: #90b1b1; - color: #2a5c45; -} - -#wireplumber { - background-color: #fff0f5; - color: #000000; -} - -#wireplumber.muted { - background-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 { - background-color: #f0932b; - border-bottom: 8px solid #b78f30; -} - -#temperature.critical { - background-color: #eb4d4b; -} - -#tray { - background-color: #e67f51; - color: #2d353b;; - border-bottom: 8px solid #c3653b; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} - -#tray > .needs-attention { - -gtk-icon-effect: highlight; - background-color: #eb4d4b; -} - -#idle_inhibitor { - background-color: #2d3436; - border-bottom: 8px solid #7a8c37; -} - -#idle_inhibitor.activated { - background-color: #ecf0f1; - border-bottom: 8px solid #7a8c37; - color: #2d3436; -} - -#mpd { - background-color: #66cc99; - color: #2a5c45; -} - -#mpd.disconnected { - background-color: #f53c3c; -} - -#mpd.stopped { - background-color: #90b1b1; -} - -#mpd.paused { - background-color: #51a37a; -} - -#language { - background: #00b093; - color: #740864; - min-width: 16px; -} - -#keyboard-state { - background: #97e1ad; - color: #000000; - min-width: 16px; - border-bottom: 8px solid #78b48a; -} - -#keyboard-state > label { - padding: 0 5px; -} - -#keyboard-state > label.locked { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad.empty { - background-color: transparent; -} - -tooltip { - background-color: #232a2e; - border: none; - border-bottom: 8px solid #1d2327; -} - -tooltip decoration { - box-shadow: none; -} - -tooltip decoration:backdrop { - box-shadow: none; -} - -tooltip label { - color: #d3c6aa; - padding-left: 5px; - padding-right: 5px; - padding-top: 0px; - padding-bottom: 5px; -} - - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-color: #ffa000; - border-radius: 3px; - box-shadow: 1px 5px 6px 1px #272727; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: #d8ac47; -} - -window#waybar.bottombar #backlight-slider trough, -window#waybar.bottombar #pulseaudio-slider trough { - min-height: 7px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: #64b6ac; -} \ No newline at end of file diff --git a/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css b/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css deleted file mode 100644 index b6583d86..00000000 --- a/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css +++ /dev/null @@ -1,234 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Vertical Catpuccin Mocha */ -/* As stated on title, best style for vertical layout waybar config */ - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/mocha.css"; - -window#waybar { - background-color: @base; - border-radius: 5px; -} - -tooltip { - background: @base; - opacity: 1; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: @sapphire; -} - -tooltip label { - color: @blue; -} - -#taskbar button, -#workspaces button { - color: @surface2; - background-color: transparent; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 4px; -} - -#taskbar button.active, -#workspaces button.active { - color: @maroon; -} - -#taskbar button.focused, -#workspaces button.focused { - color: @rosewater; - background: transparent; - border-radius: 15px; -} - -#workspaces button.urgent { - color: #11111b; - background: transparent; - border-radius: 15px; -} - -#taskbar button:hover, -#workspaces button:hover { - background: transparent; - color: @flamingo; - border-radius: 15px; -} - -#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-weather2, -#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 { - opacity: 1; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#idle_inhibitor { - color: @pink; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#mpris { - color: @rosewater; -} - -#battery { - color: #a6e3a1; - padding-left: 15px; - border-radius: 15px 0 0 15px; -} - -@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; -} - -#custom-lock, -#custom-power { - color: @red; - border-radius: 15px; - font-weight: bolder; - padding-left: 1px; -} - -#network { - background-color: transparent; - color: @mauve; -} - -#backlight { - color: @flamingo; -} - - -#custom-weather { - color: @green; - border-radius: 15px; - background-color: transparent; -} - -#custom-menu { - color: #89b4fa; -} - -#pulseaudio { - background-color: transparent; - color: @blue; -} - -#clock, -#clock-calender { - color: @sapphire; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-color: @text; - border-radius: 3px; - box-shadow: 1px 5px 6px 1px #272727; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: @surface0; -} - -window#waybar.bottombar #backlight-slider trough, -window#waybar.bottombar #pulseaudio-slider trough { - min-height: 7px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: @blue; -} diff --git a/config/waybar/style/[Black & White] Monochrome.css b/config/waybar/style/[Black & White] Monochrome.css deleted file mode 100644 index f897c555..00000000 --- a/config/waybar/style/[Black & White] Monochrome.css +++ /dev/null @@ -1,222 +0,0 @@ -/* ---- 💫 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar, -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -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----*/ -#taskbar button, -#workspaces button { - color: dimgrey; - 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:hover, -#workspaces button:hover { - color: white; - background-color: #7f849c; - 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.active, -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#pulseaudio.muted { - color: #cc3436; -} -#temperature.critical { - color: red; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[Catppuccin] Frappe.css b/config/waybar/style/[Catppuccin] Frappe.css deleted file mode 100644 index 7c3c557f..00000000 --- a/config/waybar/style/[Catppuccin] Frappe.css +++ /dev/null @@ -1,287 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Catppuccin Frappe */ - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/frappe.css"; - -window#waybar { - transition-property: background-color; - transition-duration: 0.5s; - padding: 4px; - border-top: 1px solid @rosewater; - border-bottom: 3px solid @sapphire; - background: alpha(@crust, 0.4); - border-radius: 10px; -} - -window#waybar.hidden { - opacity: 0.2; -} - -#taskbar button, -#workspaces button { - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover, -#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; -} - -#taskbar button.active, -#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; -} - -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 3px solid @sapphire; -} - -#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: 3.0s; - animation-timing-function: steps(12); - 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; -} - -#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; -} - -#mpris { - color:@lavender; -} - -#network { - color: @teal; -} - -#network.disconnected, -#network.disabled { - background-color: @surface0; - color: @text; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[Catppuccin] Latte.css b/config/waybar/style/[Catppuccin] Latte.css deleted file mode 100644 index 6984df38..00000000 --- a/config/waybar/style/[Catppuccin] Latte.css +++ /dev/null @@ -1,286 +0,0 @@ -/* ---- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/latte.css"; - -window#waybar { - transition-property: background-color; - transition-duration: 0.5s; - border-top: 1px solid @flamingo; - border-bottom: 3px solid @lavender; - background: alpha(@overlay0, 0.3); - border-radius: 10px; -} - -window#waybar.hidden { - opacity: 0.2; -} - -#taskbar button, -#workspaces button { - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover, -#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; -} - -#taskbar button.active, -#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; -} - -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 3px solid @lavender; -} - -#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: 3.0s; - animation-timing-function: steps(12); - 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; -} - -#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; -} - -#mpris { - color:@lavender; -} - -#network { - color: @teal; -} - -#network.disconnected, -#network.disabled { - background-color: @surface0; - color: @text; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Catppuccin] Mocha.css b/config/waybar/style/[Catppuccin] Mocha.css deleted file mode 100644 index 35a4aba7..00000000 --- a/config/waybar/style/[Catppuccin] Mocha.css +++ /dev/null @@ -1,304 +0,0 @@ -/* ---- 💫 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/mocha.css"; - -window#waybar { - transition-property: background-color; - transition-duration: 0.5s; - background: transparent; - border-radius: 10px; -} - -window#waybar.hidden { - opacity: 0.2; -} - -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -#taskbar button, -#workspaces button { - color: @overlay1; - 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:hover, -#workspaces button:hover { - border-radius: 10px; - color: @peach; - 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; -} - -#taskbar button.active, -#workspaces button.active { - color: @mauve; - 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; -} - -/* 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; -} - -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#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: 3.0s; - animation-timing-function: steps(12); - 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; -} - -#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; -} - -#mpris { - color:@lavender; -} - -#network { - color: @teal; -} -#network.disconnected, -#network.disabled { - background-color: @surface0; - color: @text; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[Colored] Chroma Glow.css b/config/waybar/style/[Colored] Chroma Glow.css deleted file mode 100644 index 6ec9602d..00000000 --- a/config/waybar/style/[Colored] Chroma Glow.css +++ /dev/null @@ -1,337 +0,0 @@ -/* ---- 💫 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -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, -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; -} - -#taskbar button, -#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); -} - -#taskbar button.active, -#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); -} - -#taskbar button:hover, -#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; -} - -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - 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: #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: 3.0s; - animation-timing-function: steps(12); - 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, -#custom-nightlight, -#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; */ -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#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; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Colored] Translucent.css b/config/waybar/style/[Colored] Translucent.css deleted file mode 100644 index f16fdc78..00000000 --- a/config/waybar/style/[Colored] Translucent.css +++ /dev/null @@ -1,358 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Translucent */ - -@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; - -* { -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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -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; -} - -tooltip { - background: #1e1e2e; - opacity: 0.6; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; -} - -#taskbar button, -#workspaces button { - background-color: transparent; - color: @fgcolor; - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - 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 { - background-color: rgba(0, 0, 0, 0.2); - color: @accent2; - 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, -#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: rgba(0, 0, 0, 0.35); - color: @accent5; - /* box-shadow: inset 0 -3px #ffffff; */ -} - -#workspaces button.urgent { - background-color: #eb4d4b; - color: #ffffff; -} - -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#custom-weather2, -#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: 4px; - padding-bottom: 4px; - 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: @critical; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - 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-weather2 { - color: #66cc99; -} - -#custom-lock { - color: #ffa000; -} - -#keyboard-state, -#temperature { - color: @accent6; - /* background-color: #f0932b; */ -} - -#temperature.critical { - background-color: @critical; -} - -#tray { - /* background-color: #505050; */ -} - -#custom-hypridle, -#idle_inhibitor { - color: #f9e2af; - /*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 { - 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; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Colorful] Aurora Blossom.css b/config/waybar/style/[Colorful] Aurora Blossom.css deleted file mode 100644 index 9eda0868..00000000 --- a/config/waybar/style/[Colorful] Aurora Blossom.css +++ /dev/null @@ -1,205 +0,0 @@ -/* ---- 💫 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: transparent; -} - -window#waybar.empty , -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -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-left, -.modules-center, -.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 indv----*/ - -#taskbar button, -#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); -} - -#taskbar button:hover, -#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); -} - -#taskbar button.active, -#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, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} -#custom-power { - padding: 1px 3px; -} -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#pulseaudio.muted { - color: #cc3436; -} -#temperature.critical { - color: #cc3436; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - background-color: #7f849c; - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#pulseaudio-slider highlight, -#backlight-slider highlight { - min-width: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Colorful] Aurora.css b/config/waybar/style/[Colorful] Aurora.css deleted file mode 100644 index d4232f22..00000000 --- a/config/waybar/style/[Colorful] Aurora.css +++ /dev/null @@ -1,213 +0,0 @@ -/* ---- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar, -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -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-left, -.modules-center, -.modules-right { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} - -/*-----modules indv----*/ -#taskbar button, -#workspaces button { - 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); -} -#taskbar button:hover, -#workspaces button:hover { - color: black; - 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); -} -#taskbar button.active, -#workspaces button.active { - color: black; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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, #95E6CB, #59C2FF, #D2A6FF); - color: black; - border: 1px; - border-style: solid; - border-radius: 6px; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} -#backlight { - padding-right: 2px; -} -#custom-power { - padding-left: 10px; - padding-right: 2px; -} -#custom-menu { - padding-right: 8px; -} -#custom-cycle_wall { - padding-right: 2px; -} -#network { - padding-right: 12px; -} -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#pulseaudio.muted { - color: #cc3436; -} -#temperature.critical { - background: red; - color: black; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - background-color: #7f849c; - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[Colorful] Oglo Chicklets.css b/config/waybar/style/[Colorful] Oglo Chicklets.css deleted file mode 100644 index 61b99f40..00000000 --- a/config/waybar/style/[Colorful] Oglo Chicklets.css +++ /dev/null @@ -1,421 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Oglo Chicklets */ - -* { - font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; - font-size: 99%; - font-weight: bold; -} - -window#waybar { - background-color: #232a2e; - border-bottom: 8px solid #1d2327; - color: #d3c6aa; - transition-property: background-color; - transition-duration: .5s; -} - -window#waybar.hidden { - opacity: 0.2; -} - -/* -window#waybar.empty { - background-color: transparent; -} -window#waybar.solo { - background-color: #FFFFFF; -} -*/ - -button { - all: unset; - background-color: #778f52; - color: #2d353b; - border: none; - border-bottom: 8px solid #5d743e; - border-radius: 5px; - padding-left: 15px; - padding-right: 15px; - transition: transform 0.1s ease-in-out; -} - -button:hover { - background: inherit; - background-color: #92ab6c; - border-bottom: 8px solid #788f57; -} - -button.active { - background: inherit; - background-color: #a5be7e; - border-bottom: 8px solid #8aa168; -} - -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: #ffffff; - padding-top: 2px; - padding-bottom: 2px; - border-radius: 5px; - padding-left: 5px; - padding-right: 5px; -} - -#window, -#workspaces { - margin: 0 4px; -} - -/* If workspaces is the leftmost module, omit left margin */ -.modules-left > widget:first-child > #workspaces { - margin-left: 0; -} - -/* If workspaces is the rightmost module, omit right margin */ -.modules-right > widget:last-child > #workspaces { - margin-right: 0; -} - -#window { - background-color: #343f44; - color: #d3c6aa; - border-bottom: 8px solid #2b3539; -} - -#custom-swaync { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#custom-menu { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#custom-power { - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; - padding-left: 10px; -} - -#custom-power_vertical{ - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; -} - -#clock { - background-color: #96a84c; - color: #2d353b; - border-bottom: 8px solid #7a8c37; -} - -#battery { - background-color: #3a998f; - color: #2d353b; - border-bottom: 8px solid #227d74; -} - -@keyframes blink { - to { - background-color: #ffffff; - color: #000000; - } -} - -#battery.critical:not(.charging) { - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -label:focus { - background-color: #000000; -} - -#cpu { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#memory { - background-color: #d980ad; - color: #2d353b; - border-bottom: 8px solid #b86790; -} - -#disk { - background-color: #964B00; - border-bottom: 8px solid #793300; -} - -#custom-lock, -#custom-light_dark, -#custom-nightlight, -#backlight { - background-color: #64b6ac; - color: #2d353b; - border-bottom: 8px solid #4f9990; - padding-left: 10px; -} - -#network { - background-color: #2980b9; -} - -#network.disconnected { - background-color: #f53c3c; -} - -#pulseaudio { - background-color: #d8ac47; - color: #2d353b; - border-bottom: 8px solid #b78f30; -} - -#pulseaudio.muted { - background-color: #90b1b1; - color: #2a5c45; -} - -#wireplumber { - background-color: #fff0f5; - color: #000000; -} - -#wireplumber.muted { - background-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 { - background-color: #f0932b; - border-bottom: 8px solid #b78f30; -} - -#temperature.critical { - background-color: #eb4d4b; -} - -#tray { - background-color: #e67f51; - color: #2d353b;; - border-bottom: 8px solid #c3653b; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} - -#tray > .needs-attention { - -gtk-icon-effect: highlight; - background-color: #eb4d4b; -} - -#idle_inhibitor { - background-color: #2d3436; - border-bottom: 8px solid #1d2327; -} - -#idle_inhibitor.activated { - background-color: #ecf0f1; - border-bottom: 8px solid #7a8c37; - color: #2d3436; -} - -#mpd { - background-color: #66cc99; - color: #2a5c45; -} - -#mpd.disconnected { - background-color: #f53c3c; -} - -#mpd.stopped { - background-color: #90b1b1; -} - -#mpd.paused { - background-color: #51a37a; -} - -#language { - background: #00b093; - color: #740864; - min-width: 16px; -} - -#keyboard-state { - background: #97e1ad; - color: #000000; - min-width: 16px; - border-bottom: 8px solid #78b48a; -} - -#keyboard-state > label { - padding: 0 5px; -} - -#keyboard-state > label.locked { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad.empty { - background-color: transparent; -} - -tooltip { - background-color: #232a2e; - border: none; - border-bottom: 8px solid #1d2327; -} - -tooltip decoration { - box-shadow: none; -} - -tooltip decoration:backdrop { - box-shadow: none; -} - -tooltip label { - color: #d3c6aa; - padding-left: 5px; - padding-right: 5px; - padding-top: 0px; - padding-bottom: 5px; -} - - -#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/config/waybar/style/[Colorful] Rainbow Spectrum.css b/config/waybar/style/[Colorful] Rainbow Spectrum.css deleted file mode 100644 index 24320ae6..00000000 --- a/config/waybar/style/[Colorful] Rainbow Spectrum.css +++ /dev/null @@ -1,330 +0,0 @@ -/* ---- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background-color: rgba(0,0,0,0); - transition-property: background-color; - transition-duration: .5s; -} - -window#waybar.hidden { - opacity: 0.5; -} - -window#waybar.empty, -window#waybar.empty #window { - padding: 0px; - border: 0px; - 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; -} - -#taskbar button, -#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); -} - -#taskbar button.active, -#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); -} - -#taskbar button:hover, -#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); -} - -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#backlight { - background-color: #cba6f7; -} - -#battery { - background-color: #f9e2af; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#battery.critical:not(.charging) { - background-color: #f38ba8; - color: #f38ba8; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - 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; -} - -#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-cava_mviz, -#power-profiles-daemon, -#custom-browser, -#custom-file_manager, -#custom-tty, -#custom-settings { - background: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%); -} - -#custom-cycle_wall { - background-color: #94e2d5; -} - -#custom-swaync, -#custom-weather { - background-color: #cba6f7; -} - -#custom-reboot, -#wireplumber { - background-color: #a6e3a1; -} - -#wireplumber.muted { - background-color: #313244; - color: #cdd6f4; -} - -#custom-lock { - background-color: #89dceb; -} - -#custom-quit, -#temperature { - background-color: #86b4fa; -} - -#temperature.critical { - background-color: red; -} - -#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 { - 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; - padding-right: 12px; -} -#network.disconnected,#network.disabled { - background-color: #313244; - color: #cdd6f4; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Colorful] stolen-style.css b/config/waybar/style/[Colorful] stolen-style.css deleted file mode 100644 index cc1f12fa..00000000 --- a/config/waybar/style/[Colorful] stolen-style.css +++ /dev/null @@ -1,352 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* ....[Colorful] Stolen ......... */ -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - transition-property: background-color; - transition-duration: 0.5s; - background: rgba(0, 0, 0, 0.8); - border-radius: 6px; -} - -window#waybar.hidden { - opacity: 0.2; -} - -window#waybar.empty, -window#waybar.empty #window { - background-color: rgba(0, 0, 0, 0.8); - padding: 0px; - border: 0px; -} - -#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-cycle_wall, -#custom-github, -#custom-hint, -#custom-hyprWindowMode, -#custom-keyboard, -#custom-light_dark, -#custom-nightlight, -#custom-lock, -#custom-menu, -#custom-power, -#custom-power_vertical, -#custom-speaker, -#custom-swaync, -#custom-updater, -#custom-weather, -#custom-weather2, -#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: 6px; - padding-left: 6px; -} - -#workspaces button { - padding-left: 10px; - padding-right: 10px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.1s linear; -} - -#workspaces button.persistent { - color: #faba4a; -} - -#workspaces button.empty { - color: #ffffed; -} - -#workspaces button.active { - color: #00ffff; - border: 2px solid #455a64; - border-radius: 16px; -} - -#workspaces button.urgent { - color: #f7768e; - border: 2px solid #f7768e; - border-radius: 16px; -} - -#workspaces button:hover { - border: 2px solid #455a64; - border-radius: 16px; -} - -#idle_inhibitor { - color: #7aa2f7; - border-bottom: 2px solid #455a64; -} - -#backlight { - color: #7aa2f7; -} - -#bluetooth { - color: #7aa2f7; -} - -#clock { - color: #9fe044; - padding-right: 7px; -} - -#custom-swaync { - color: #9fe044; - border: 2px solid #455a64; - border-radius: 20px; - padding-left: 13px; - padding-right: 12px; -} - -#custom-keyboard { - color: #e0af68; - border: 2px solid #455a64; - border-radius: 20px; - padding-left: 14px; - padding-right: 14px; -} - -#custom-cycle_wall { - color: #c0caf5; - padding-left: 7px; - padding-right: 4px; -} - -#custom-hint { - color: #c0caf5; - padding-left: 0px; - padding-right: 4px; -} - -#custom-github { - color: #c0caf5; - padding-left: 0px; - padding-right: 4px; -} - -#custom-hyprWindowMode { - color: #c0caf5; - padding-left: 6px; -} - -#custom-niflveil { - color: #7dcfff; - padding-left: 0px; - padding-right: 10px; -} - -#custom-niflveil.empty { - color: #c0caf5; - -} - -#cpu { - padding-left: 10px; - padding-right: 3px; - color: #ffffed; - border-top: 2px solid #455a64; - border-bottom: 2px solid #455a64; - border-left: 2px solid #455a64; - border-radius: 20px 0px 0px 20px; -} - -#memory { - color: #ffffed; - padding-right: 8px; - border-bottom: 2px solid #455a64; - border-top: 2px solid #455a64; - border-radius: 0px; -} - -#temperature { - color: #ffffed; - border-bottom: 2px solid #455a64; - border-top: 2px solid #455a64; - border-radius: 0px; -} - -#disk { - padding-right: 16px; - color: #ffffed; - border-top: 2px solid #455a64; - border-bottom: 2px solid #455a64; - border-right: 2px solid #455a64; - border-radius: 0px 20px 20px 0px; -} - -#temperature.critical { - background-color: #f7768e; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} - -#tray > .needs-attention { - -gtk-icon-effect: highlight; -} - -#keyboard-state { - color: #c7a9ff; -} - -#custom-cava_mviz { - color: #c7a9ff; -} - -#custom-menu { - - color: #7dcfff; - padding-left: 14px; - padding-right: 12px; -} - -#custom-power { - - color: #f7768e; - padding-left: 8px; - padding-right: 17px; -} - -#custom-updater { - color: #f7768e; - border: 2px solid #455a64; - border-radius: 20px; - padding-left: 10pt; - padding-right: 12px; - -} - -#custom-light_dark { - color: #7aa2f7; -} - -#custom-weather { - color: #9fe044; - -} - -#custom-speaker { - color: #faba4a; -} - -#pulseaudio { - color: #faba4a; - -} - -#pulseaudio.bluetooth { - color: #c7a9ff; -} - -#pulseaudio.muted { - color: #f7768e; -} - -#window { - font-size: 100%; - color: #ffffed; -} - -#mpris { - color: #bb9af7; -} - -#network { - color: #7dcfff; -} - -#network.disconnected, -#network.disabled { - background-color: #c0caf5; - color: #000000; -} - -#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-separator { - padding-left: 6px; - color: #f7768e; -} diff --git a/config/waybar/style/[Dark] Golden Eclipse.css b/config/waybar/style/[Dark] Golden Eclipse.css deleted file mode 100644 index a12135ba..00000000 --- a/config/waybar/style/[Dark] Golden Eclipse.css +++ /dev/null @@ -1,211 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Golden Eclipse */ - -* { -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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -padding: 1px; -} - - -window#waybar { - transition-property: background-color; - transition-duration: 0.5s; - background: #000000; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 4px; - padding-left: 4px; - border-radius: 12px; -} - -window#waybar.hidden { - opacity: 0.2; -} - -#waybar.empty #window { - background: none; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-power_vertical, -#custom-power, -#custom-quit, -#custom-reboot, -#custom-settings, -#custom-spotify, -#custom-swaync, -#custom-tty, -#custom-updater, -#custom-hyprpicker, -#custom-weather, -#custom-weather2, -#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: #fcba03; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: red; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} -#tray > .needs-attention { - -gtk-icon-effect: highlight; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: cyan; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#taskbar button, -#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); - color: #fcba03; -} - -#taskbar button:hover, -#workspaces button:hover { - border-radius: 10px; - color: #a6adc8; - background-color: #ffeb8a; - 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: #fcba03; - border-radius: 10px; -} - -#taskbar button.active, -#workspaces button.active { - color: black; - background-color: #fcba03; - 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; -} - - -#pulseaudio.muted { - color: red; -} - -#network.disconnected, -#network.disabled { - background-color: #fcba03; - color: #cdd6f4; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} - diff --git a/config/waybar/style/[Dark] Golden Noir.css b/config/waybar/style/[Dark] Golden Noir.css deleted file mode 100644 index 32b03390..00000000 --- a/config/waybar/style/[Dark] Golden Noir.css +++ /dev/null @@ -1,214 +0,0 @@ -/* ----------- 💫 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: #040406; - border-radius: 30px; - color: #cba6f7; - -} - -window#waybar.hidden { - opacity: 0.5; -} - -tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: #ffd700; -} - -/*-----module groups----*/ -.modules-left, -.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; -} - -#taskbar button, -#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); -} - -#taskbar button.active, -#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; -} - -#taskbar button:hover, -#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); -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; -} \ No newline at end of file diff --git a/config/waybar/style/[Dark] Half-Moon.css b/config/waybar/style/[Dark] Half-Moon.css deleted file mode 100644 index fbcb8278..00000000 --- a/config/waybar/style/[Dark] Half-Moon.css +++ /dev/null @@ -1,330 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* ..........Half Moon.................. */ -/* NOTE: This is only for some waybar configs */ -/* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */ - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - - -window#waybar { - background-color: rgba(26,27,38,0); - border-bottom: 1px solid rgba(26,27,38,0); - border-radius: 0px; - color: #E6B673; -} - -#waybar.empty, #waybar.tiled, #waybar.floating { - background-color: transparent; -} - -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; -} - -#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-nightlight, -#custom-dot_update, -#custom-swaync, -#custom-hypridle, -#idle_inhibitor, -#clock { - color: #B8CC52; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 1px solid rgba(26,27,38,0); -} - -#bluetooth { - color: blue; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; -} - -#custom-playerctl, -#power-profiles-daemon, -#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, -#battery { - color: #F07178; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; -} - -#mpris { - color: #F07178; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding-left: 8px; - padding-right: 2px; -} - -#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 { - 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-browser, -#custom-file_manager, -#custom-tty, -#custom-settings { - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; - color: #0F1419; - background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); -} - -#custom-weather { - color: #59C2FF; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; -} -#custom-weather2 { - 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; -} - -#custom-power_vertical, -#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: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #6E6A86; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: purple; -} \ No newline at end of file diff --git a/config/waybar/style/[Dark] Latte-Wallust combined v2.css b/config/waybar/style/[Dark] Latte-Wallust combined v2.css deleted file mode 100644 index fecde9d8..00000000 --- a/config/waybar/style/[Dark] Latte-Wallust combined v2.css +++ /dev/null @@ -1,273 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Catppuccin Latte - Wallust - v2 */ - -@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 @background; -@define-color background-module2 @color11; -@define-color border-color @color12; -@define-color button-color @color10; -@define-color button-hover @color13; - -@import '../../.config/waybar/wallust/colors-waybar.css'; -@import "../waybar/style/catppuccin-themes/latte.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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: @background; - border-radius:15px; - padding-top: 2px; - padding-bottom: 0px; - padding-right: 4px; - padding-left: 4px; -} - -tooltip { - background: #1e1e2e; - border-radius: 12px; - border-width: 1px; - border-style: solid; - border-color: @border-color; - color: #ffffff; -} - -#workspaces { - padding: 0px 1px; - border-radius: 15px; - border-bottom: 2px solid @border-color; - font-weight: bold; - font-style: normal; - opacity: 0.8; -} - -#taskbar button, -#workspaces button { - color: @foreground; - box-shadow: none; - text-shadow: none; - border-radius: 30px; - 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: #ffd700; - border-radius: 50%; - background-color: black; - 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); -} - -#workspaces button.focused { - color: #d8dee9; -} - -#workspaces button.urgent { - color: #11111b; - border-radius: 10px; -} - -#taskbar button:hover, -#workspaces button:hover { - color: #ffd700; - border-radius: 10px; - 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); -} - -/*-----module groups----*/ -.modules-center { - background-color: @background-module2; - border-radius: 10px; - padding: 4px; - border-bottom: 2px solid @border-color; - border-right: 1px solid @button-hover; - border-left: 1px solid @button-hover; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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-right: 6px; - padding-left: 6px;; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; -} - -#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; -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#custom-hypridle, -#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 { - color: @foreground; - border-radius: 15px; -} - -#custom-updates { - color: @yellow; -} -#swaync{ - color: #ffd700;} diff --git a/config/waybar/style/[Dark] Latte-Wallust combined.css b/config/waybar/style/[Dark] Latte-Wallust combined.css deleted file mode 100644 index d410b79f..00000000 --- a/config/waybar/style/[Dark] Latte-Wallust combined.css +++ /dev/null @@ -1,283 +0,0 @@ -/* ---- 💫 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 @color12; -@define-color button-color @color11; -@define-color button-hover @color13; - -@import '../../.config/waybar/wallust/colors-waybar.css'; -@import "../waybar/style/catppuccin-themes/latte.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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: transparent; - border-radius: 0px; - color: #cba6f7; -} - -window#waybar.hidden { - opacity: 0; -} - -tooltip { - background: #1e1e2e; - border-radius: 12px; - border-width: 1px; - border-style: solid; - border-color: @border-color; - color: #ffffff; -} - -/*-----module groups----*/ -.modules-left, -.modules-center, -.modules-right { - background-color: @background-module; - border-radius:15px; - border-bottom:2px solid @border-color; - padding-top: 2px; - padding-bottom: 0px; - padding-right: 4px; - padding-left: 4px; -} - -#workspaces { - padding: 0px 1px; - border-radius: 15px; - border:2px solid @border-color; - font-weight: bold; - font-style: normal; - opacity:0.8; - color:#FFFFFF; -} - -#taskbar button, -#workspaces button { - color: #6E6A86; - box-shadow: none; - text-shadow: none; - border-radius: 30px; - 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: #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; -} - -#taskbar button:hover, -#workspaces button:hover { - color: #ffd700; - border-radius: 10px; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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-right: 6px; - padding-left: 6px;; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; -} - -#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; -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#custom-hypridle, -#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); -} - - -#clock#2 { - color: #efe8f7; -} - -#clock { - color: @sapphire; - border-radius: 15px; - border:2px solid @border-color; -} -#custom-updates { - color: @yellow; -} -#swaync{ - color: #ffd700;} diff --git a/config/waybar/style/[Dark] Purpl.css b/config/waybar/style/[Dark] Purpl.css deleted file mode 100644 index 5a73a394..00000000 --- a/config/waybar/style/[Dark] Purpl.css +++ /dev/null @@ -1,233 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* .............Purpl..................... */ -/* --- 👍 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: #100214; - color: #cba6f7; -} - -window#waybar.hidden { - opacity: 0.5; -} - -tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: #cba6f7; -} - -/*-----module groups----*/ -.modules-right { - border: 3px solid #20052a; - border-radius: 100px 0px 0px 0px; - background-color: #3d174b; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 5px; - padding-left: 5px; -} - -.modules-center { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} - -.modules-left { - /*background-color: #1e1e2e;*/ - border: 3px solid #20052a; - border-radius: 0px 0px 100px 0px; - background-color: #441a53; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 5px; - padding-left: 5px; -} - -#taskbar button, -#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: #cba6f7; - border-radius: 20%; - background-color: black; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#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: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #6E6A86; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: purple; -} \ No newline at end of file diff --git a/config/waybar/style/[Dark] Wallust Obsidian Edge.css b/config/waybar/style/[Dark] Wallust Obsidian Edge.css deleted file mode 100644 index adc0543d..00000000 --- a/config/waybar/style/[Dark] Wallust Obsidian Edge.css +++ /dev/null @@ -1,203 +0,0 @@ -/* ---- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: black; - border-radius: 12px; -} - -window#waybar.hidden { - opacity: 0.5; -} - -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-left, -.modules-center, -.modules-right { - border: 0px solid #b4befe; - border-radius: 10px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} - -#taskbar button, -#workspaces button { - color: @color12; - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - 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: @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; -} - -#taskbar button:hover, -#workspaces button:hover { - color: @color9; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[Extra] Arrow.css b/config/waybar/style/[Extra] Arrow.css deleted file mode 100644 index 623de072..00000000 --- a/config/waybar/style/[Extra] Arrow.css +++ /dev/null @@ -1,295 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* .....[Extra] Arrow Best to combine with [TOP] Arrow.... */ -/* --- 👍 taken from https://github.com/mxkrsv 👍 --- */ - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; - border: none; - border-radius: 0; - min-height: 0; - margin: 0; - padding: 0; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -/* Colors (gruvbox) */ -@define-color black #282828; -@define-color red #cc241d; -@define-color green #98971a; -@define-color yellow #d79921; -@define-color blue #458588; -@define-color purple #b16286; -@define-color aqua #689d6a; -@define-color gray #a89984; -@define-color brgray #928374; -@define-color brred #fb4934; -@define-color brgreen #b8bb26; -@define-color bryellow #fabd2f; -@define-color brblue #83a598; -@define-color brpurple #d3869b; -@define-color braqua #8ec07c; -@define-color white #ebdbb2; -@define-color bg2 #504945; - - -@define-color warning @bryellow; -@define-color critical @red; -@define-color mode @black; -@define-color unfocused @bg2; -@define-color focused @braqua; -@define-color inactive @purple; -@define-color sound @brpurple; -@define-color network @purple; -@define-color memory @braqua; -@define-color cpu @green; -@define-color temp @brgreen; -@define-color layout @bryellow; -@define-color battery @aqua; -@define-color date @black; -@define-color time @white; - -/* The whole bar */ -#waybar { - background: rgba(40, 40, 40, 0.8784313725); /* #282828e0 */ - color: @white; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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-left: 8pt; - padding-right: 8pt; -} - -/* Each critical module */ -#mode, -#memory.critical, -#cpu.critical, -#temperature.critical, -#battery.critical.discharging { - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; - animation-name: blink-critical; - animation-duration: 1s; -} - -/* Each warning */ -#network.disconnected, -#memory.warning, -#cpu.warning, -#temperature.warning, -#battery.warning.discharging { - color: @warning; -} - -/* Keyframes */ - -@keyframes blink-critical { - to { - /*color: @white;*/ - background-color: @critical; - } -} - -/* Current sway mode (resize etc) */ -#mode { - color: @white; - background: @mode; -} - -/* Workspaces stuff */ -#workspaces button { - /*font-weight: bold;*/ - padding-left: 2pt; - padding-right: 2pt; - color: @white; - background: @unfocused; -} - -/* Inactive (on unfocused output) */ -#workspaces button.visible { - color: @white; - background: @inactive; -} - -/* Active (on focused output) */ -#workspaces button.focused { - color: @black; - background: @focused; -} - -/* Contains an urgent window */ -#workspaces button.urgent { - color: @black; - background: @warning; -} - -/* Style when cursor is on the button */ -#workspaces button:hover { - background: @black; - color: @white; -} - -#window { - margin-right: 35pt; - margin-left: 35pt; -} - -#pulseaudio { - background: @sound; - color: @black; -} - -#network { - background: @network; - color: @white; -} - -#memory { - background: @memory; - color: @black; -} - -#cpu { - background: @cpu; - color: @white; -} - -#temperature { - background: @temp; - color: @black; -} - -#language { - background: @layout; - color: @black; -} - -#battery { - background: @battery; - color: @white; -} - -#tray { - background: @date; -} - -#clock { - background: @time; - color: @black; -} - -#custom-arrow1 { - color: @time; - background: @date; -} - -#custom-arrow2 { - color: @date; - background: @layout; -} - -#custom-arrow3 { - color: @layout; - background: @battery; -} - -#custom-arrow4 { - color: @battery; - background: @temp; -} - -#custom-arrow5 { - color: @temp; - background: @cpu; -} - -#custom-arrow6 { - color: @cpu; - background: @memory; -} - -#custom-arrow7 { - color: @memory; - background: @network; -} - -#custom-arrow8 { - color: @network; - background: @sound; -} - -#custom-arrow9 { - color: @sound; - background: transparent; -} - -#custom-arrow10 { - color: @unfocused; - background: transparent; -} diff --git a/config/waybar/style/[Extra] Crimson.css b/config/waybar/style/[Extra] Crimson.css deleted file mode 100644 index f2e5fb03..00000000 --- a/config/waybar/style/[Extra] Crimson.css +++ /dev/null @@ -1,204 +0,0 @@ -/* ----------- 💫 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: 99%; -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; -} - -tooltip { - background: #240303; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: wheat; -} - -/*-----module groups----*/ -.modules-left, -.modules-center, -.modules-right { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} - -#taskbar button, -#workspaces button { - color: wheat; - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - 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: 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; -} - -#taskbar button:hover, -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; -} - - \ No newline at end of file diff --git a/config/waybar/style/[Extra] EverForest.css b/config/waybar/style/[Extra] EverForest.css deleted file mode 100644 index 2bbaa4a2..00000000 --- a/config/waybar/style/[Extra] EverForest.css +++ /dev/null @@ -1,330 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* --- Designed by https://github.com/DevNChill --- */ -/* Extra - EverForest*/ - -@define-color bg_dim #232A2E; -@define-color black #000000; -@define-color white #FFFFFF; -@define-color bg0 #2D353B; -@define-color bg1 #343F44; -@define-color bg2 #3D484D; -@define-color bg3 #475258; -@define-color bg4 #4F585E; -@define-color bg5 #56635f; -@define-color bg_visual #543A48; -@define-color bg_red #514045; -@define-color bg_green #425047; -@define-color bg_blue #3A515D; -@define-color bg_yellow #4D4C43; -@define-color fg #D3C6AA; -@define-color red #E67E80; -@define-color orange #E69875; -@define-color yellow #DBBC7F; -@define-color green #A7C080; -@define-color aqua #83C092; -@define-color blue #7FBBB3; -@define-color purple #D699B6; -@define-color grey0 #7A8478; -@define-color grey1 #859289; -@define-color grey2 #9DA9A0; - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; - border: 1px solid transparent; - border-radius: 0px; - margin: 0px 1px; -} - -window#waybar { - border: none; - /*background-color: @bg_green;*/ - background-color: @bg_green; - color: @fg; - transition-property: background-color; - transition-duration: 0.5s; -} - -window#waybar.hidden { - opacity: 0.5; -} - -#window { - padding: 0px 10px; - margin: 0px 10px; - border-radius: 5px; - background-color: @bg0; -} - -.modules-left button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - margin-left: 5px; -} - -.modules-left button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - margin-right: 5px; -} - -#custom-menu, -#custom-arch { - background-color: @bg; - color: @red; -} - -#custom-swaync { - color: @yellow; -} - -#taskbar button, -#workspaces button { - padding: 0px 5px; - background-color: @orange; - color: @black; -} - -#taskbar button.active, -#workspaces button.active { - background-color: @grey0; - color: @black; - animation: gradient_f 20s ease-in infinite; - /*transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);*/ -} - -#taskbar button:hover, -#workspaces button:hover { - background-color: @purple; - color: @black; -} - -#workspaces button.focused { - background-color: @green; - color: @bg0; -} - -#workspaces button.urgent { - background-color: @red; /* Keeps the original color */ - color: @white; /* Sets text color to white for better contrast */ - border: 2px solid @red; /* Adds a border with the same color */ - box-shadow: 0 0 10px @red; /* Adds a glow effect */ - font-weight: bold; /* Makes text bold for more emphasis */ - transition: - background-color 0.3s, - box-shadow 0.3s; /* Smooth transition for hover effect */ -} - -#cpu { - border-radius: 5px 0px 0px 5px; - padding: 0px 5px; - background-color: @yellow; - color: @bg_yellow; -} - -#memory { - padding: 0px 5px; - background-color: @yellow; - color: @bg_yellow; -} - -#temperature { - padding: 0px 5px; - background-color: @green; - color: @bg_yellow; -} -#temperature.critical { - background-color: @red; -} - -#disk { - border-radius: 0px 5px 5px 0px; - padding: 0px 5px; - margin-right: 5px; - background-color: @green; - color: @bg_yellow; -} - -#battery.bat2 { - border-radius: 0px 5px 5px 0px; -} - -.modules-left :last-child { - border-radius: 0px 5px 5px 0px; -} -#battery { - border-radius: 5px 0px 0px 5px; - padding: 0px 5px; - background-color: @aqua; - color: @bg_yellow; -} -#battery.plugged { - color: @fg; - background-color: @bg_green; -} -#battery.charging { - color: @fg; - background-color: @bg_green; -} -#battery.critical:not(.charging) { - background-color: @red; - color: @fg; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} -@keyframes blink { - to { - background-color: @fg; - color: @bg_dim; - } -} - -#backlight { - border-radius: 5px 0px 0px 5px; - padding: 0px 5px; - margin-left: 5px; - background-color: @red; - color: @black; -} - -#network, -#pulseaudio { - padding: 0px 5px; - border-radius: 0px 5px 5px 0px; - background-color: @blue; - color: @bg_yellow; -} - -#pulseaudio.muted { - background-color: @grey1; - color: @bg_yellow; -} - -#tray { - padding: 0px 5px; - border-radius: 5px; - margin-left: 5px; - color: @fg; - background-color: @bg0; -} - -#custom-hypridle, -#idle_inhibitor { - padding: 0px 5px; - 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; -} - -#clock { - padding: 0px 5px; - border-radius: 5px; - margin: 0px 5px; - color: @bg_yellow; - background-color: @aqua; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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-right: 5px; - padding-left: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[Extra] ML4W starter.css b/config/waybar/style/[Extra] ML4W starter.css deleted file mode 100644 index 68303d9d..00000000 --- a/config/waybar/style/[Extra] ML4W starter.css +++ /dev/null @@ -1,367 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* ML4W - Waybar Style */ -/* Original design from ML4W - Hyprland Starter Waybar */ - -@define-color backgroundlight #FFFFFF; -@define-color backgrounddark #FFFFFF; -@define-color workspacesbackground1 #FFFFFF; -@define-color workspacesbackground2 #CCCCCC; -@define-color bordercolor #FFFFFF; -@define-color textcolor1 #000000; -@define-color textcolor2 #000000; -@define-color textcolor3 #FFFFFF; -@define-color iconcolor #FFFFFF; - -/* ----------------------------------------------------- - * General - * ----------------------------------------------------- */ - -* { - font-family: "JetBrainsMono Nerd Font"; - border: none; - border-radius: 4px; - font-weight: bold; - /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ - font-size: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background-color: rgba(0,0,0,0.2); - border-bottom: 0px solid #ffffff; - /* color: #FFFFFF; */ - transition-property: background-color; - transition-duration: .5s; -} - -/* ----------------------------------------------------- - * Workspaces & Taskbar - * ----------------------------------------------------- */ - -#taskbar, -#workspaces { - margin: 5px 1px 6px 1px; - padding: 0px 1px; - border-radius: 15px; - border: 0px; - font-weight: bold; - font-style: normal; - color: @textcolor1; -} - -#taskbar button, -#workspaces button { - padding: 0px 5px; - margin: 4px 3px; - border-radius: 12px; - border: 0px; - color: @textcolor3; - transition: all 0.3s ease-in-out; -} - -#taskbar button.active, -#workspaces button.active { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 8px; - min-width: 40px; - transition: all 0.3s ease-in-out; -} - -#workspaces button:hover { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 15px; -} - -/* ----------------------------------------------------- - * Tooltips - * ----------------------------------------------------- */ - -tooltip { - border-radius: 10px; - background-color: @backgroundlight; - opacity:0.8; - padding:20px; - margin:0px; -} - -tooltip label { - color: @textcolor2; -} - -/* ----------------------------------------------------- - * Window - * ----------------------------------------------------- */ - -#window { - background: @backgroundlight; - margin: 10px 15px 10px 0px; - padding: 2px 10px 0px 10px; - border-radius: 8px; - color:@textcolor2; - font-weight:normal; -} - -window#waybar.empty #window { - background-color:transparent; -} - -/* ----------------------------------------------------- - * Modules - * ----------------------------------------------------- */ - -.modules-left > widget:first-child > #workspaces { - margin-left: 0; -} - -.modules-right > widget:last-child > #workspaces { - margin-right: 0; -} - -/* ----------------------------------------------------- - * Custom Quicklinks - * ----------------------------------------------------- */ - -#network, -#pulseaudio, -#battery, -#clock { - margin-right: 20px; - font-weight: bold; - color: @iconcolor; - padding: 4px 10px 2px 10px; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar, -#temperature, -#tray, -#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-weather2, -#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-right: 6px; - padding-left: 6px; - color: @iconcolor; -} - -/* ----------------------------------------------------- - * Custom Modules - * ----------------------------------------------------- */ - -#custom-menu { - background-color: @backgrounddark; - color: @textcolor1; - border-radius: 10px; - margin: 10px 10px 10px 10px; - padding-right: 6px; - padding-left: 4px; -} - -#custom-power { - margin: 2px 10px 0px 0px; - padding:0px; - color: @iconcolor; -} - -/* ----------------------------------------------------- - * Hardware Group - * ----------------------------------------------------- */ - - #disk,#memory,#cpu,#language { - margin:0px; - padding:0px; - color:@iconcolor; -} - -#language { - margin-right:10px; -} - -/* ----------------------------------------------------- - * Clock - * ----------------------------------------------------- */ - -#clock { - background-color: @backgrounddark; - color: @textcolor1; - border-radius: 15px; - margin: 10px 2px 10px 0px; -} - -/* ----------------------------------------------------- - * Pulseaudio - * ----------------------------------------------------- */ - -#pulseaudio { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 12px; - margin: 10px 10px 10px 0px; -} - -#pulseaudio.muted { - background-color: @backgrounddark; - color: @textcolor1; -} - -/* ----------------------------------------------------- - * Network - * ----------------------------------------------------- */ - -#network { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 15px; - margin: 10px 10px 10px 0px; -} - -#network.ethernet { - background-color: @backgroundlight; - color: @textcolor2; -} - -#network.wifi { - background-color: @backgroundlight; - color: @textcolor2; -} - -/* ----------------------------------------------------- - * Bluetooth - * ----------------------------------------------------- */ - - #bluetooth, #bluetooth.on, #bluetooth.connected { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 15px; - margin: 10px 15px 10px 0px; -} - -#bluetooth.off { - background-color: transparent; - padding: 0px; - margin: 0px; -} - -/* ----------------------------------------------------- - * Battery - * ----------------------------------------------------- */ - -#battery { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 15px; - margin: 10px 15px 10px 0px; -} - -#battery.charging, #battery.plugged { - color: @textcolor2; - background-color: @backgroundlight; -} - -@keyframes blink { - to { - background-color: @backgroundlight; - color: @textcolor2; - } -} - -#battery.critical:not(.charging) { - background-color: #f53c3c; - color: @textcolor3; - animation-name: blink; - animation-duration: 0.5s; - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; -} - -/* ----------------------------------------------------- - * Tray - * ----------------------------------------------------- */ - -#tray { - margin:0px 10px 0px 0px; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} - -#tray > .needs-attention { - -gtk-icon-effect: highlight; - background-color: #eb4d4b; -} - -/* ----------------------------------------------------- - * Other - * ----------------------------------------------------- */ - -label:focus { - background-color: #000000; -} - -#backlight { - background-color: #90b1b1; -} - -#network { - background-color: #2980b9; -} - -#network.disconnected { - background-color: #f53c3c; -} - diff --git a/config/waybar/style/[Extra] Mauve.css b/config/waybar/style/[Extra] Mauve.css deleted file mode 100644 index 707b8613..00000000 --- a/config/waybar/style/[Extra] Mauve.css +++ /dev/null @@ -1,222 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* .......Mauve....................... */ -/* --- 👍 designed by https://github.com/CelestiaKai 👍 --- */ - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: #11111b; - color: #cba6f7; -} - -window#waybar.hidden { - opacity: 0.5; -} - -tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: #cba6f7; -} - -/*-----module groups----*/ -.modules-left, -.modules-right { - border: 3px solid #11111b; - border-radius: 10px 10px 10px 10px; - background-color: #313244; - 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; -} - -#taskbar button, -#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); -} - -#taskbar button.active, -#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; - padding-left: 6px; - padding-right: 8px; -} - -#workspaces button.focused { - color: #d8dee9; -} - -#workspaces button.urgent { - border-radius: 30%; - background-color: #cba6f7; - color: #1e1e1e; -} - -#taskbar button:hover, -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; - -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #6E6A86; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: purple; -} diff --git a/config/waybar/style/[Extra] Modern-Combined - Transparent.css b/config/waybar/style/[Extra] Modern-Combined - Transparent.css deleted file mode 100644 index 6da2f9d4..00000000 --- a/config/waybar/style/[Extra] Modern-Combined - Transparent.css +++ /dev/null @@ -1,287 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Extra - Combined Modern - transparent */ - -/* NOTE: This style is NOT vertical layout friendly! */ - -@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 @background-alt; -@define-color background-module2 @background; -@define-color border-color @color12; -@define-color button-color @color10; -@define-color button-hover @color13; - -/* Theme-aware base colors */ -@define-color backgroundlight @background-alt; -@define-color backgrounddark @background; -@define-color workspacesbackground1 @background-alt; -@define-color workspacesbackground2 @background; -@define-color bordercolor @color11; -@define-color textcolor1 @foreground; -@define-color textcolor2 @foreground; -@define-color textcolor3 @foreground; -@define-color iconcolor @foreground; - -@import '../../.config/waybar/wallust/colors-waybar.css'; -@import "../waybar/style/catppuccin-themes/latte.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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background-color: transparent; - border-radius: 6px; - padding-top: 2px; - padding-bottom: 0px; - padding-right: 4px; - padding-left: 4px; -} - -tooltip { - background: #1e1e2e; - border-radius: 12px; - border-width: 1px; - border-style: solid; - border-color: @border-color; - color: #ffffff; -} - -#taskbar button, -#workspaces button { - padding: 0px 3px; - margin: 3px 2px; - border-radius: 4px; - color: @textcolor1; - background-color: @workspacesbackground2; - transition: all 0.1s linear; - opacity: 0.4; -} - -#taskbar button.active, -#workspaces button.active { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 4px; - min-width: 30px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - opacity: 1.0; -} - -#taskbar button:hover, -#workspaces button:hover { - color: @red; - background: @workspacesbackground2; - border-radius: 3px; - opacity:0.6; - 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; -} - -/*-----module groups----*/ -.modules-left, -.modules-right { - background-color: transparent; -} - -.modules-center { - background-color: @background-module; - border-radius: 0px 0px 45px 45px; - padding-top: 8px; - padding-bottom: 8px; - padding-left: 10px; - padding-right: 6px; -} - -#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-weather2, -#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: white; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#custom-hint { - color: @peach; - padding-right: 6px; - padding-left: 6px; -} - -#pulseaudio.muted { - color: red; -} - -#temperature.critical { - background-color: @red; -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#pulseaudio-slider, -#pulseaudio { - color: @foreground; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} - -#custom-hypridle, -#custom-lock, -#idle_inhibitor { - color: @teal; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#custom-weather, -#custom-weather2, -#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: @lavender; - padding-right: 6px; - padding-left: 6px; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#clock { - color: @sapphire; - border-radius: 15px; -} - -#custom-updates { - color: @yellow; -} - -#custom-swaync{ - color: #ffd700;} diff --git a/config/waybar/style/[Extra] Modern-Combined.css b/config/waybar/style/[Extra] Modern-Combined.css deleted file mode 100644 index d9fa9325..00000000 --- a/config/waybar/style/[Extra] Modern-Combined.css +++ /dev/null @@ -1,300 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Extra - Combined Modern */ - -/* NOTE: This style is NOT vertical layout friendly! */ - -@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 @background-alt; -@define-color background-module2 @background; -@define-color border-color @color12; -@define-color button-color @color10; -@define-color button-hover @color13; - -/* Theme-aware base colors */ -@define-color backgroundlight @background-alt; -@define-color backgrounddark @background; -@define-color workspacesbackground1 @background-alt; -@define-color workspacesbackground2 @background; -@define-color bordercolor @color11; -@define-color textcolor1 @foreground; -@define-color textcolor2 @foreground; -@define-color textcolor3 @foreground; -@define-color iconcolor @foreground; - -@import '../../.config/waybar/wallust/colors-waybar.css'; -@import "../waybar/style/catppuccin-themes/latte.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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background-color: rgba(0,0,0,0.4); - border-radius: 6px; - padding-top: 2px; - padding-bottom: 0px; - padding-right: 4px; - padding-left: 4px; -} - -tooltip { - background: #1e1e2e; - border-radius: 12px; - border-width: 1px; - border-style: solid; - border-color: @border-color; - color: #ffffff; -} - -#taskbar button, -#workspaces button { - padding: 0px 3px; - margin: 3px 2px; - border-radius: 4px; - color: @textcolor1; - background-color: @workspacesbackground2; - transition: all 0.1s linear; - opacity: 0.4; -} - -#taskbar button.active, -#workspaces button.active { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 10px; - min-width: 30px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - opacity: 1.0; -} - -#taskbar button:hover, -#workspaces button:hover { - color: @red; - background: @workspacesbackground2; - border-radius: 5px; - opacity:0.6; - 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; -} - -#clock#2 { - color: #efe8f7; -} - -/*-----module groups----*/ -.modules-left, -.modules-right { - background-color: transparent; -} - -.modules-center { - background-color: @background-module; - border-radius: 0px 0px 45px 45px; - padding-top: 8px; - padding-bottom: 8px; - padding-left: 10px; - padding-right: 6px; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar, -#temperature, -#tray, -#window, -#wireplumber, -#workspaces, -#custom-backlight, -#custom-nightlight, -#custom-browser, -#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 { - color: @foreground; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#custom-playerctl, -#custom-cava_mviz { - color: @sky; -} - -#custom-hint { - color: @peach; - padding-right: 6px; - padding-left: 6px; -} - -#pulseaudio-slider, -#pulseaudio { - color: @foreground; -} - -#pulseaudio.muted { - color: red; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; -} - -#memory { - color: @sapphire; -} - -#cpu { - color: @mauve; -} - -#battery { - color: @rosewater; -} - -#disk { - color: @green; -} - -#temperature.critical { - background-color: @red; -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#custom-hypridle, -#custom-lock, -#idle_inhibitor { - color: @teal; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#custom-weather, -#custom-weather2, -#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: @lavender; - padding-right: 6px; - padding-left: 6px; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#clock { - color: @sapphire; - border-radius: 15px; -} - -#custom-updates { - color: @yellow; -} - -#custom-swaync{ - color: #ffd700;} diff --git a/config/waybar/style/[Extra] Neon Circuit.css b/config/waybar/style/[Extra] Neon Circuit.css deleted file mode 100644 index 8991e6d1..00000000 --- a/config/waybar/style/[Extra] Neon Circuit.css +++ /dev/null @@ -1,427 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* --- Extra - Neon Circuit - waybar style ---*/ - -@define-color bar-bg rgba(0, 0, 0, 0); -@define-color main-bg #313244; -@define-color main-fg #b4befe; -@define-color wb-act-bg #b4befe; -@define-color wb-act-fg #1e1e2e; -@define-color wb-hvr-bg #f5c2e7; -@define-color wb-hvr-fg #313244; - -* { - border: none; - border-radius: 0px; - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: @bar-bg; -} - -tooltip { - background: @main-bg; - color: @main-fg; - border-radius: 12px; - border-width: 0px; -} - -#taskbar button, -#workspaces button { - box-shadow: none; - text-shadow: none; - padding: 2px; - border: 2px; - border-color: #b4befe; - border-width: 5px; - border-radius: 10px; - margin-top: 2px; - margin-bottom: 2px; - margin-left: 0px; - padding-left: 6px; - padding-right: 0px; - margin-right: 0px; - color: @wb-act-fg; - background-color: #b4befe; - animation: ws_normal 2s ease-in-out 1; -} - -#taskbar button.active, -#workspaces button.active { - background-image: linear-gradient(45deg, #89b4fa 50%, #cba6f7 50%); - color: @wb-act-fg; - border-radius: 12px; - margin-left: 4px; - padding-left: 12px; - padding-right: 12px; - margin-right: 4px; - animation: ws_active 2s ease-in-out 1; - transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover, -#workspaces button:hover { - background: @wb-hvr-bg; - color: @wb-hvr-fg; - animation: ws_hover 20s ease-in-out 1; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#tray menu * { - min-height: 18px -} - -#tray menu separator { - min-height: 16px -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#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-weather2, -#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; - margin: 3px 0px 3px 0px; - padding-left: 4px; - padding-right: 4px; -} - -#workspaces { - border-radius: 20px; - border-width: 2px; - border-style: solid; - border-color: #b4befe; - padding-right: 8px; - padding-left: 8px; - margin-right: 5px; -} - -#taskbar { - padding: 0px; - color: #b4befe; -} - -#window { - color: #F2CCCC; - border-radius: 20px; - border-style: solid; - border-width: 2px; - border-color: #F2CCCC; - margin-right: 5px; -} - -#clock { - color: #F38BA8; - border-radius: 12px; - border-top-left-radius: 0px; - border-bottom-right-radius: 0px; - border-width: 2px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-left-width: 0px; - border-width: 2px; - border-color: #F38BA8; - margin-right: 5px; -} - -#idle_inhibitor { - color: #94e2d5; - border-radius: 12px; - border-top-right-radius: 0px; - border-bottom-left-radius: 0px; - border-style: solid; - border-right-style: none; - border-width: 2px; - border-color: #F38BA8; - margin-right: 0px; -} - -#idle_inhibitor.activated { - color: #39FF14; -} - -#temperature { - color: #cdd6f4; - border-radius: 20px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-style: solid; - border-right-style: none; - border-width: 2px; - border-color: #cdd6f4; - margin-left: 5px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#cpu, -#disk, -#memory { - color: #cdd6f4; - border-radius: 0px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-width: 2px; - border-color: #cdd6f4; - margin-right: 0px; -} - -#custom-menu { - color: #ff5a5a; - border-radius: 6px; - border-top-right-radius: 0px; - border-bottom-left-radius: 0px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-width: 2px; - border-color: #cdd6f4; - padding-right: 5px; - padding-left: 5px; -} - -#network { - border-radius: 12px; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - border-style: solid; - border-left-style: none; - border-left-width: 0px; - border-width: 2px; - border-color: #cdd6f4; - margin-right: 5px; -} - -#backlight { - color: #F5E0DC; - border-radius: 12px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-style: solid; - border-right-style: none; - border-width: 2px; - border-color: #F5E0DC; - margin-left: 5px; -} - -#pulseaudio { - color: #F5E0DC; - border-radius: 20px; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - border-style: solid; - border-left-style: none; - border-width: 2px; - border-color: #F5E0DC; - margin-right: 0px; -} - -#pulseaudio.muted { - color: red; -} - -#keyboard-state { - color: #F5E0DC; - border-radius: 20px; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - border-style: solid; - border-left-style: none; - border-left-width: 0px; - border-width: 2px; - border-color: #F5E0DC; - margin-right: 5px; -} - -#custom-updater { - color: #F5E0DC; - border-radius: 0px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-width: 2px; - border-color: #F5E0DC; - margin-right: 0px; -} - -#custom-hint { - color: #F5E0DC; - border-radius: 12px; - border-top-left-radius: 0px; - border-bottom-right-radius: 0px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-left-width: 0px; - border-width: 2px; - border-color: #F5E0DC; - margin-right: 5px; -} - -#tray { - color: #b4befe; - font-size: 16; - border-radius: 12px; - border-top-right-radius: 0px; - border-bottom-left-radius: 0px; - border-width: 2px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-width: 2px; - border-color: #b4befe; - margin-left: 5px; - padding-left: 8px; -} - -#tray > .active, -#tray > .passive, -#tray menu { - color: #b4befe; -} - -#custom-swaync { - border-radius: 12px; - border-top-left-radius: 0px; - border-bottom-right-radius: 0px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-width: 2px; - border-color: #b4befe; - margin-right: 0px; -} - -#battery { - border-radius: 20px; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - border-style: solid; - border-left-style: none; - border-left-width: 0px; - border-width: 2px; - border-color: #b4befe; - margin-right: 5px; - padding-right: 8px; -} - -#custom-power { - border-radius: 12px; - border-top-left-radius: 0px; - border-bottom-right-radius: 0px; - border-style: solid; - border-left-style: none; - border-width: 2px; - border-color: #F38BA8; - padding-left: 0px; - padding-right: 5px; - margin-right: 5px; -} - -#custom-weather, -#custom-weather2, -#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: 12px; - border-top-left-radius: 0px; - border-bottom-right-radius: 0px; - border-width: 2px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-color: #E06C75; - color: #E06C75; - margin-right: 5px; -} - -#window { - background-image: linear-gradient(45deg, #89b4fa 50%, #cba6f7 50%); - color: black; - border-radius: 20px; - border-width: 2px; - border-style: solid; - border-left-style: none; - border-right-style: none; - border-color: #f5e0dc; - margin-right: 5px; -} diff --git a/config/waybar/style/[Extra] Prismatic Glow.css b/config/waybar/style/[Extra] Prismatic Glow.css deleted file mode 100644 index 6e26037b..00000000 --- a/config/waybar/style/[Extra] Prismatic Glow.css +++ /dev/null @@ -1,288 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* .............Prismatic 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; - - border: none; - border-radius: 10px; - font-size: 99%; - min-height: 20px; - margin: 0px; -} - -/* Module Styles */ -.module { - padding: 2px 4px; - margin: 1px 1px; -} - -.modules-left>widget:first-child .module { - margin-left: 2px; -} - -/* Special Case: Right Margin for Last Module in Right Section */ -.modules-right>widget:last-child .module { - margin-right: 2px; -} - -/* Window Styling */ -window#waybar { - background-color: transparent; - color: black; - transition: background-color 0.5s; -} - -/* Make window module transparent when no windows present */ -window#waybar.empty #window { - background-color: transparent; - background: transparent; -} - -window#waybar.hidden { - opacity: 0.2; -} - -/* Tooltip styling */ -menu, -tooltip { - background: rgba(0, 0, 0, 0.9); - border-radius: 10px; - border: 2px transparent; - border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; - padding: 5px; - box-shadow: 0 0 0 1px; -} - -menu label, -tooltip label { - color: rgb(0, 238, 255); -} - -/* Workspaces Button Styling */ -#workspaces button { - color: rgb(0, 238, 255); - background: transparent; - font-weight: bolder; - box-shadow: inset 0 -3px transparent; - transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); - padding: 2px 5px; -} - -#workspaces button.active { - color: black; - border-bottom: 2px solid transparent; - /* border-top: 2px solid transparent; */ - border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; - padding: 0 10px; -} - -#workspaces button.focused { - background: black; -} - -#workspaces button.visible { - color: rgb(0, 238, 255); -} - -#workspaces button.urgent { - background: red; - color: black; - padding: 0 5px; -} - -#workspaces button:hover { - background: black; - border: 1px solid transparent; - border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; - padding: 0 5px; -} - -/* Taskbar Button Styling */ -#taskbar button { - padding: 0 1px; -} - -#taskbar button.active { - background: black; - border-bottom: 2px solid transparent; - /* border-top: 2px solid transparent; */ - border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; - padding: 0 5px; -} -#taskbar button:hover { - background: black; - border: 1px solid transparent; - border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1; - padding: 0 5px; -} - -/* Transparent Modules When Empty */ -#taskbar.empty, -window#waybar.empty { - background-color: transparent; -} - -/* Specific Module Styles */ -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar, -#temperature, -#tray, -#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-weather2, -#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: black; - color: rgb(0, 238, 255); -} - -#temperature.critical { - background-color: red; -} - -#network.disconnected, -#pulseaudio.muted { - color: red; -} - -#battery.charging, -#battery.plugged { - color: black; - background: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #FA8BFF 90%); -} - -@keyframes blink { - to { - background-color: black; - color: red; - } -} - -#battery.warning:not(.charging), -#battery.critical:not(.charging) { - background-color: red; - color: black; -} - -#battery.warning:not(.charging) { - animation: blink 1s linear infinite alternate; -} -#battery.critical:not(.charging) { - animation: blink 0.5s linear infinite alternate; -} - -/* Focused Label Background */ -label:focus { - background-color: black; -} - -/* Keyboard State Styles */ -#keyboard-state>label { - padding: 0 5px; -} - -#keyboard-state>label.locked { - background: rgba(0, 0, 0, 0.2); -} - -/* Tray Styles */ -#tray { - background-color: black; -} - -#tray>.passive { - -gtk-icon-effect: dim; -} - -#tray>.needs-attention { - -gtk-icon-effect: highlight; - padding: 0 5px; - background-color: red; -} - -/* Gradient Module Styles */ -#mpd, -#mpris, -#window { - background: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #FA8BFF 90%); -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #6E6A86; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: purple; -} \ No newline at end of file diff --git a/config/waybar/style/[Extra] Rose Pine.css b/config/waybar/style/[Extra] Rose Pine.css deleted file mode 100644 index fdbd4fed..00000000 --- a/config/waybar/style/[Extra] Rose Pine.css +++ /dev/null @@ -1,244 +0,0 @@ -/* ---- 💫 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; - border-radius: 12px; -} - -window#waybar { - background: @bar-bg; -} - -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -tooltip { - background: @main-bg; - color: @main-fg; - border-radius: 8px; - border-width: 0px; -} - -#taskbar button, -#workspaces button { - box-shadow: none; - text-shadow: none; - padding: 0px; - border-bottom: 2px; - border-color: #2B5D34; - border-style: solid; - border-radius: 10px; - padding-left: 2px; - padding-right: 4px; - 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: 2px; - padding-right: 4px; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#temperature, -#tray, -#window, -#wireplumber, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: red; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 2px; -} - -@keyframes blink { - to { - color: @main-bg; - } -} - -#battery.critical:not(.charging) { - background-color: red; - color: white; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; - box-shadow: inset 0 -3px transparent; -} - -#backlight { - padding-right: 2px; -} -#network { - padding-right: 12px; -} -#custom-power { - padding-right: 1px; -} -#group-motherboard, -#group-laptop, -#group-audio { - color: @main-fg; - background-color: @main-bg; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Extra] Simple Pink.css b/config/waybar/style/[Extra] Simple Pink.css deleted file mode 100644 index e21e0adf..00000000 --- a/config/waybar/style/[Extra] Simple Pink.css +++ /dev/null @@ -1,215 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* .......Simple Pink....................... */ -/* --- 👍 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: 99%; - 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; -} - -tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: pink; -} - -/*-----module groups----*/ -.modules-left, -.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; -} - -#taskbar button, -#workspaces button { - color: pink; - box-shadow: none; - text-shadow: none; - 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: 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; -} - -#taskbar button:hover, -#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, -#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-weather2, -#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: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; - -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; -} \ No newline at end of file diff --git a/config/waybar/style/[Light] Monochrome Contrast.css b/config/waybar/style/[Light] Monochrome Contrast.css deleted file mode 100644 index 30e81a83..00000000 --- a/config/waybar/style/[Light] Monochrome Contrast.css +++ /dev/null @@ -1,206 +0,0 @@ -/* ---- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar, -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -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-left, -.modules-center, -.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 indv----*/ -#taskbar button, -#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); -} -#taskbar button:hover, -#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); -} - -#taskbar button.active, -#workspaces button.active { - background-color: grey; - color: black; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} -#custom-power { - padding: 1px 3px; -} -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#pulseaudio.muted { - color: #cc3436; -} -#temperature.critical { - color: #cc3436; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: grey; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Light] Obsidian Glow.css b/config/waybar/style/[Light] Obsidian Glow.css deleted file mode 100644 index 74ccb12a..00000000 --- a/config/waybar/style/[Light] Obsidian Glow.css +++ /dev/null @@ -1,207 +0,0 @@ -/* ---- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: white; - border-radius: 12px; -} - -window#waybar.hidden { - opacity: 0.7; -} - -tooltip { - background: white; - border-radius: 10px; -} - -tooltip label { - color: #373737; - padding-right: 2px; - padding-left: 2px; -} - -#taskbar button, -#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 { - background-color: dimgrey; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#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: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: grey; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; -} \ No newline at end of file diff --git a/config/waybar/style/[Rainbow] RGB Bordered.css b/config/waybar/style/[Rainbow] RGB Bordered.css deleted file mode 100644 index fcf16129..00000000 --- a/config/waybar/style/[Rainbow] RGB Bordered.css +++ /dev/null @@ -1,313 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Catppuccin Mocha - Rainbow Bordered */ -/* Designed by https://github.com/0xl30 */ - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/rgbmocha.css"; - -window#waybar { - transition-property: background-color; - transition-duration: 0.5s; - background: transparent; - border-radius: 2px; -} - -window#waybar.hidden { - opacity: 0.2; -} - -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -#taskbar button, -#workspaces button { - color: @overlay1; - 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:hover, -#workspaces button:hover { - border-radius: 10px; - color: @peach; - 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; -} - -#taskbar button.active, -#workspaces button.active { - color: @mauve; - 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; -} - -/* This section can be use if you want to separate waybar modules */ -.modules-left, .modules-center, .modules-right { - background: @theme_base_color; - border: 2px solid transparent; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; - border-radius: 0px; - - border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1; - animation: rainbow-gradient 20s ease-in-out infinite; /* Adjust timing as needed */ -} - - -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#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: 3.0s; - animation-timing-function: steps(12); - 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; -} - -#custom-cava_mviz { - animation: rainbow-text 0.80s linear infinite; -} - -@keyframes rainbow-text { - 0% { color: rgb(0, 247, 198); } /* Low amplitude */ - 42% { color: rgb(60, 0, 179); } /* Mid amplitude */ - 71% { color: indigo; } /* Higher amplitude */ - 100% { color: rgb(234, 0, 255); } /* Maximum amplitude */ -} - - -#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; -} - -#mpris { - color:@lavender; -} - -#network { - color: @teal; -} -#network.disconnected, -#network.disabled { - background-color: @surface0; - color: @text; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[Retro] Simple Style.css b/config/waybar/style/[Retro] Simple Style.css deleted file mode 100644 index ceb4110d..00000000 --- a/config/waybar/style/[Retro] Simple Style.css +++ /dev/null @@ -1,184 +0,0 @@ -/* ---- 💫 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; - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; - -} - -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, -#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-weather2, -#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: 6px; - color: @foreground; -} - -#battery.warning, -#disk.warning, -#memory.warning, -#cpu.warning { - border-top: 3px solid @background; - border-bottom: 3px solid yellow; -} - -@keyframes blink { - to { - color: @background; - } -} - -#battery.critical:not(.charging) { - background-color: @red; - color: white; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; - box-shadow: inset 0 -3px transparent; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 3px solid yellow; -} - -#battery.critical, -#disk.critical, -#memory.critical, -#cpu.critical { - border-top: 3px solid @background; - border-bottom: 3px solid red; -} - -#temperature.critical { - background-color: red; -} - -#battery.charging { - border-top: 3px solid @background; - border-bottom: 3px solid green; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: @dim; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: @green; -} \ No newline at end of file diff --git a/config/waybar/style/[Transparent] Crystal Clear.css b/config/waybar/style/[Transparent] Crystal Clear.css deleted file mode 100644 index 743051a9..00000000 --- a/config/waybar/style/[Transparent] Crystal Clear.css +++ /dev/null @@ -1,201 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* .......Crystal Clear....................... */ -/* --- 👍 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background:transparent; - border-radius: 1px; - color: whitesmoke; -} - -window#waybar.hidden { - opacity: 0.5; -} - -window#waybar.empty -window#waybar.empty #window { - padding: 0px; - border: 0px; - background-color: transparent; -} - -#taskbar button, -#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, -#power-profiles-daemon, -#pulseaudio, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#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: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 10px; - border-radius: 5px; - background-color: black; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: wheat; -} - - \ No newline at end of file diff --git a/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css b/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css deleted file mode 100644 index b6d3d098..00000000 --- a/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css +++ /dev/null @@ -1,237 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Vertical Catpuccin Mocha */ -/* As stated on title, best style for vertical layout waybar config */ - -* { - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/mocha.css"; - -window#waybar { - background-color: @base; - border-radius: 5px; -} - -tooltip { - background: @base; - opacity: 1; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: @sapphire; -} - -tooltip label { - color: @blue; -} - -#taskbar button, -#workspaces button { - color: @surface2; - background-color: transparent; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 4px; -} - -#taskbar button.active, -#workspaces button.active { - color: @maroon; -} - -#workspaces button.focused { - color: @rosewater; - background: transparent; - border-radius: 15px; -} - -#workspaces button.urgent { - color: #11111b; - background: transparent; - border-radius: 15px; -} - -#taskbar button:hover, -#workspaces button:hover { - background: transparent; - color: @flamingo; - border-radius: 15px; -} - -#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-weather2, -#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 { - opacity: 1; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#idle_inhibitor { - color: @pink; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#mpris { - color: @rosewater; -} - -#battery { - color: #a6e3a1; - padding-left: 15px; - border-radius: 15px 0 0 15px; -} - -@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; -} - -#custom-lock, -#custom-power { - color: @red; - border-radius: 15px; - font-weight: bolder; - padding-left: 1px; -} - -#network { - background-color: transparent; - color: @mauve; -} - -#backlight { - color: @flamingo; -} - - -#custom-weather { - color: @green; - border-radius: 15px; - background-color: transparent; -} - -#custom-menu { - color: #89b4fa; -} - -#pulseaudio { - background-color: transparent; - color: @blue; -} - -#clock, -#clock-calender { - color: @sapphire; -} - -#custom-dots { - color: @sapphire; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-color: @text; - border-radius: 3px; - box-shadow: 1px 5px 6px 1px #272727; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: @surface0; -} - -window#waybar.bottombar #backlight-slider trough, -window#waybar.bottombar #pulseaudio-slider trough { - min-height: 7px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: @blue; -} diff --git a/config/waybar/style/[WALLUST] ML4W-modern-mixed.css b/config/waybar/style/[WALLUST] ML4W-modern-mixed.css deleted file mode 100644 index 5a22f177..00000000 --- a/config/waybar/style/[WALLUST] ML4W-modern-mixed.css +++ /dev/null @@ -1,394 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* ml4w-modern-mixed */ - -@import '../../.config/waybar/wallust/colors-waybar.css'; - -@define-color backgroundlight @color12; -@define-color backgrounddark @background; -@define-color workspacesbackground1 @color12; -@define-color workspacesbackground2 @background; -@define-color bordercolor @color11; -@define-color textcolor1 @foreground; -@define-color textcolor2 @background; -@define-color textcolor3 @foreground; -@define-color iconcolor @foreground; - -* { - 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: 99%; - /* note: different modules have different font sizes */ - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background-color: rgba(0,0,0,0.8); -border-bottom: 0px solid @foreground; - /* color: #FFFFFF; */ - background: transparent; - transition-property: background-color; - transition-duration: .5s; -} - -#taskbar, -#workspaces { - background: @workspacesbackground1; - margin: 2px 18px 3px 1px; - margin-left: 6px; - padding: 0px 2px; - border-radius: 5px 5px 5px 5px; - border: 0px; - font-weight: bold; - font-style: normal; - opacity: 0.8; - color: @textcolor1; -} - -#taskbar button, -#workspaces button { - padding: 0px 6px; - margin: 3px 2px; - border-radius: 3px 3px 3px 3px; - color: @textcolor1; - background-color: @workspacesbackground2; - transition: all 0.1s linear; - opacity: 0.4; -} - -#taskbar button.active, -#workspaces button.active { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 3px 3px 3px 3px; - min-width: 30px; - transition: all 0.1s linear; - opacity:1.0; -} - -#taskbar button.hover, -#workspaces button:hover { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 5px 5px 5px 5px; - opacity:0.7; -} - -tooltip { - border-radius: 16px; - background-color: @backgroundlight; - opacity:0.9; - padding:20px; - margin:0px; -} - -tooltip label { - color: @textcolor2; -} - -#window { - margin: 3px 15px 3px 0px; - padding: 2px 10px 0px 10px; - border-radius: 5px 5px 5px 5px; - color:white; - font-weight:normal; - opacity:0.8; -} - -window#waybar.empty #window { - background-color:transparent; -} - -#taskbar.empty { - background:transparent; - border:0; - padding:0; - margin:0; -} - -.modules-left > widget:first-child > #workspaces { - margin-left: 0; -} - -.modules-right > widget:last-child > #workspaces { - margin-right: 0; -} - -#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-weather2, -#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: 2px; - margin-right: 8px; - margin-left: 6px; - font-size: 100%; - opacity: 0.8; - color: @iconcolor; -} - -#custom-swaync { - margin-left: 12px; -} - -#idle_inhibitor { - margin-right: 15px; - font-size: 102%; - font-weight: bold; - opacity: 0.8; - color: @iconcolor; - border-bottom: 0px solid @foreground; -} - -#idle_inhibitor.activated { - margin-right: 15px; - font-size: 100%; - font-weight: bold; - opacity: 0.8; - color: #dc2f2f; - border-bottom: 0px solid @foreground; -} - -#custom-menu { - background-color: @backgrounddark; - color: @textcolor1; - border-radius: 5px 5px 5px 5px; - padding: 0px 10px 0px 10px; - margin: 2px 17px 2px 0px; - opacity:0.8; - border:3px solid @bordercolor; -} - -#custom-power { - background-color: @backgrounddark; - color: @textcolor1; - border-radius: 5px 5px 5px 5px; - padding: 0px 0px 0px 6px; - opacity:0.8; - border:3px solid @bordercolor; -} - -#custom-keybinds { - margin: 0px 13px 0px 0px; - padding:0px; - color: @iconcolor; - opacity: 0.8; -} - -#custom-updater { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; - opacity:0.8; -} - -#custom-updates.green { - background-color: @backgroundlight; -} - -#custom-updates.yellow { -background-color: @color11; -color: @foreground; -} - -#custom-updates.red { -background-color: @color13; - color: #FFFFFF; -} - -#keyboard-state { - margin-right:10px; -} - -#clock { - background-color: @backgrounddark; - color: @textcolor1; - border-radius: 3px 5px 3px 5px; - padding: 1px 10px 0px 10px; - margin: 3px 0px 3px 0px; - opacity:0.8; - border:3px solid @bordercolor; -} - -#backlight { - background-color: @backgroundlight; - margin-left: 6px; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; - opacity:0.8; -} - -#pulseaudio { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; - opacity:0.8; -} - -#pulseaudio.muted { - background-color: @backgrounddark; - color: @textcolor1; -} - -#network { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; - opacity:0.8; -} - -#network.ethernet { - background-color: @backgroundlight; - color: @textcolor2; -} - -#network.wifi { - background-color: @backgroundlight; - color: @textcolor2; -} - -#bluetooth, #bluetooth.on, #bluetooth.connected { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; - opacity:0.8; -} - -#bluetooth.off { - background-color: transparent; - padding: 0px; - margin: 0px; -} - -#battery { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 15px 0px 10px; - margin: 3px 15px 3px 0px; - opacity:0.8; -} - -#battery.charging, #battery.plugged { - color: @textcolor2; - background-color: @backgroundlight; -} - -@keyframes blink { - to { - background-color: @backgroundlight; - color: @textcolor2; - } -} - -#battery.critical:not(.charging) { -background-color: @color13; - color: @textcolor3; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#tray { - padding: 0px 15px 0px 0px; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} - -#tray > .needs-attention { - -gtk-icon-effect: highlight; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[WALLUST] ML4W-modern.css b/config/waybar/style/[WALLUST] ML4W-modern.css deleted file mode 100644 index 24b459a6..00000000 --- a/config/waybar/style/[WALLUST] ML4W-modern.css +++ /dev/null @@ -1,387 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* ml4w-modern */ - -@import '../../.config/waybar/wallust/colors-waybar.css'; - -@define-color backgroundlight @color0; -@define-color backgrounddark @color12; -@define-color workspacesbackground1 @color0; -@define-color workspacesbackground2 @color12; -@define-color bordercolor @color13; -@define-color textcolor1 @foreground; -@define-color textcolor2 @foreground; -@define-color textcolor3 @foreground; -@define-color iconcolor @foreground; - -* { - 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: 99%; - /* note: different modules have different font sizes */ - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background-color: rgba(0,0,0,0.8); -border-bottom: 0px solid @foreground; - /* color: #FFFFFF; */ - background: transparent; - transition-property: background-color; - transition-duration: .5s; -} - -#workspaces { - background: @workspacesbackground1; - margin: 2px 18px 3px 1px; - margin-left: 6px; - padding: 0px 2px; - border-radius: 5px 5px 5px 5px; - border: 0px; - font-style: normal; - color: @textcolor1; -} - -#workspaces button { - padding: 0px 6px; - margin: 3px 2px; - border-radius: 3px 3px 3px 3px; - color: @textcolor1; - background-color: @workspacesbackground1; - transition: all 0.1s linear; -} - -#workspaces button.active { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 3px 3px 3px 3px; - min-width: 30px; - transition: all 0.1s linear; -} - -#workspaces button:hover { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 5px 5px 5px 5px; - opacity:0.7; -} - -tooltip { - border-radius: 16px; - background-color: @backgroundlight; - opacity:0.9; - padding:20px; - margin:0px; -} - -tooltip label { - color: @textcolor2; -} - -#window { - margin: 3px 15px 3px 0px; - padding: 2px 10px 0px 10px; - border-radius: 5px 5px 5px 5px; - color:white; - font-weight:normal; -} - -window#waybar.empty #window { - background-color:transparent; -} - -#taskbar { - background: @backgroundlight; - margin: 3px 15px 3px 0px; - padding:0px; - border-radius: 5px 5px 5px 5px; - font-weight: normal; - font-style: normal; - border: 3px solid @backgroundlight; -} - -#taskbar button { - margin:0; - border-radius: 5px 5px 5px 5px; - padding: 0px 5px 0px 5px; -} - -#taskbar.empty { - background:transparent; - border:0; - padding:0; - margin:0; -} - -.modules-left > widget:first-child > #workspaces { - margin-left: 0; -} - -.modules-right > widget:last-child > #workspaces { - margin-right: 0; -} - -#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-weather2, -#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 { - margin-right: 8px; - margin-left: 6px; - font-size: 100%; - color: @iconcolor; -} - -#custom-swaync { - margin-left: 12px; -} - -#idle_inhibitor { - margin-right: 15px; - 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: @color13; - border-bottom: 0px solid @foreground; -} - -#custom-menu { - background-color: @backgrounddark; - color: @textcolor1; - border-radius: 5px 5px 5px 5px; - padding: 0px 10px 0px 10px; - margin: 2px 17px 2px 0px; - border:3px solid @bordercolor; -} - -#custom-power { - background-color: @backgrounddark; - color: @textcolor1; - border-radius: 5px 5px 5px 5px; - padding: 0px 0px 0px 6px; - border:3px solid @bordercolor; -} - -#custom-keybinds { - margin: 0px 13px 0px 0px; - padding:0px; - color: @iconcolor; -} - -#custom-updater { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; -} - -#custom-updates.green { - background-color: @backgroundlight; -} - -#custom-updates.yellow { -background-color: @color11; - color: #FFFFFF; -} - -#custom-updates.red { -background-color: @color13; - color: #FFFFFF; -} - -#keyboard-state { - margin-right:10px; -} - -#clock { - background-color: @backgrounddark; - color: @textcolor1; - border-radius: 3px 5px 3px 5px; - padding: 1px 10px 0px 10px; - margin: 3px 0px 3px 0px; - border:3px solid @bordercolor; -} - -#backlight { - background-color: @backgroundlight; - margin-left: 6px; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; -} - -#pulseaudio { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; -} - -#pulseaudio.muted { - background-color: @backgrounddark; - color: @textcolor1; -} - -#network { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; -} - -#network.ethernet { - background-color: @backgroundlight; - color: @textcolor2; -} - -#network.wifi { - background-color: @backgroundlight; - color: @textcolor2; -} - -#bluetooth, #bluetooth.on, #bluetooth.connected { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 10px 0px 10px; - margin: 3px 15px 3px 0px; -} - -#bluetooth.off { - background-color: transparent; - padding: 0px; - margin: 0px; -} - -#battery { - background-color: @backgroundlight; - color: @textcolor2; - border-radius: 5px 5px 5px 5px; - padding: 2px 15px 0px 10px; - margin: 3px 15px 3px 0px; -} - -#battery.charging, #battery.plugged { - color: @textcolor2; - background-color: @backgroundlight; -} - -@keyframes blink { - to { - background-color: @backgroundlight; - color: @textcolor2; - } -} - -#battery.critical:not(.charging) { -background-color: @color13; - color: @textcolor3; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#tray { - padding: 0px 15px 0px 0px; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} - -#tray > .needs-attention { - -gtk-icon-effect: highlight; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file diff --git a/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css b/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css deleted file mode 100644 index bb5bf01f..00000000 --- a/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css +++ /dev/null @@ -1,319 +0,0 @@ -/* ----------- 💫 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 @color12; -@define-color button-color @color11; -@define-color button-hover @color9; - -@import '../../.config/waybar/wallust/colors-waybar.css'; -@import "../waybar/style/catppuccin-themes/latte.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: 99%; - 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#waybar.empty #window { - background-color: transparent; - padding: 0px; - 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, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar button, -#temperature, -#tray, -#window, -#wireplumber, -#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-weather2, -#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; - 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-nightlight, -#custom-menu{ - color: @flamingo; - padding: 0px 8px 0px 4px; - opacity:1.0; -} - -#custom-weather, -#custom-weather2, -#custom-updates { - color: @yellow; -} - -#mpris { - padding-right: 2px; -} - -#keyboard-state, -#clock { - color: @sapphire; -} - -#temperature { - color: @rosewater; -} - -#network { - padding-left: 2px; - 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, -#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{ - color: @color2; -} -#workspaces { - border-radius: 25px; - border:2px solid @border-color; - opacity:0.8; - color:#FFFFFF; - margin: 6px; - -} - -#taskbar button, -#workspaces button { - 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; -} - -#taskbar button.active, -#workspaces button.active { - color: #FFFFFF; - background: @button-color; - border-radius: 25px; - 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; -} - -#taskbar button:hover, -#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; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} - - diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple.css b/config/waybar/style/[Wallust Bordered] Chroma Simple.css deleted file mode 100644 index 2a1ede12..00000000 --- a/config/waybar/style/[Wallust Bordered] Chroma Simple.css +++ /dev/null @@ -1,317 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* Wallust Bordered - Chroma Simple */ - -@import '../../.config/waybar/wallust/colors-waybar.css'; - - -* { - 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: 99%; - min-height: 0; -} - -window#waybar { - background-color: transparent; - color: @foreground; - padding-left: 15px; - padding-right: 15px; -} - -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -tooltip { - background-color: @color12; - color: @foreground; - border-radius: 10px; - border-width: 1.5px; - border-style: solid; - border-color: @color9; - transition: 0.3s; - opacity: 0.9; -} - -#taskbar button, -#workspaces { - border-radius: 20px; - background: @background; - opacity: 1; - padding: 0px 10px; - margin: 0; - margin-top: 5px; - border: 2px solid @color12; -} - -#workspaces button { - color: @color10; - box-shadow: none; - text-shadow: none; - padding-right: 12px; - border-radius: 9px; - 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: @color12; - padding-right: 12px; - background-color: @background; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.urgent { - color: #11111b; - border-radius: 10px; -} - -#taskbar button:hover, -#workspaces button:hover { - color: @color12; - padding-left: 0px; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar, -#temperature, -#tray, -#window, -#wireplumber, -#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-weather2, -#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: 20px; - background: @background; - opacity: 1; - padding: 0px 10px; - margin: 0; - margin-top: 5px; - border: 2px solid @color13; -} - -#cpu { - border: 2px solid @color5; - color: @foreground; - background: @color12; -} - -#memory { - color: @foreground; - background: @color12; -} - -#disk { - color: @foreground; - background: @color12; - border: 2px solid @color13; -} - -#temperature{ - color: @foreground; - background: @color12; -} - -#temperature.critical { - color: red; - border: 2px solid red; -} - -#custom-power { - color: red; - padding-left: 10px; - padding-right: 2px; - border: 2px solid red; -} - -#backlight { - color: #f9e2af; - padding-right: 5px; -} - -#tray { - border-radius: 20px; - margin-right: 5px; -/* padding: 0px 4px; */ - padding-left: 15px; - padding-right: 15px; - border: 2px solid @color7; -} - -#mpris { - padding-left: 16px; -} -#tray.empty { - background-color: transparent; - border-color: transparent; - border: 0px; -} - -#window { - margin-left: 5px; - margin-right: 5px; - border: 2px solid @color9; -} - -#clock { - color: #fab387; -} - - -#bluetooth { - color: #b4befe; - margin-right: 10px -} - -#pulseaudio.microphone, -#pulseaudio { - background-color: @color12; - color: #89b4fa; - border: 2px solid @color13; -} - -#pulseaudio.muted { - color: #f38ba8; - padding-right: 20px; -} - -#battery { - color: #a6e3a1; - margin-right: 5px; - padding-right: 15px; - border: 2px solid @color14; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.good { - color: #ffd57a; - border: 2px solid @color15; -} - -#battery.warning { - color: #fab387; - border-left: 0px; - border: 2px solid @color12; -} - -#battery.charging { - color: #a6e3a1; -} - -#battery.critical { - color: #f38ba8; - border-left: 0px; - border: 2px solid @color8; -} - -@keyframes blink { - to { - color: @color12; - } -} - -#battery.critical:not(.charging) { - background-color: red; - color: white; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; - box-shadow: inset 0 -3px transparent; -} - -#custom-weather { - color: #8eacf3; - border-right: 0px; - margin-left: 0px; - margin-right: 5px; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Wallust Transparent] Crystal Clear.css b/config/waybar/style/[Wallust Transparent] Crystal Clear.css deleted file mode 100644 index 9182d536..00000000 --- a/config/waybar/style/[Wallust Transparent] Crystal Clear.css +++ /dev/null @@ -1,219 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* ....Wallust Transparent - Crystal Clear........ */ -/* --- 👍 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 @color13; /* text alternative color */ -@define-color bg @color7; /* background color */ - -*{ - 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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -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 { - -} - -tooltip { - color: @color12; - background: @color10; - opacity: 0.8; - border-radius: 10px; - border-width: 1px; - border-style: solid; -} - -#taskbar button, -#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, -#power-profiles-daemon, -#pulseaudio, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: @critical; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 10px; - border-radius: 5px; - background-color: black; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: wheat; -} - - \ No newline at end of file diff --git a/config/waybar/style/[Wallust] Box type.css b/config/waybar/style/[Wallust] Box type.css deleted file mode 100644 index 9089b9d5..00000000 --- a/config/waybar/style/[Wallust] Box type.css +++ /dev/null @@ -1,225 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Wallust - Box type */ - -@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: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: transparent; -} - -window#waybar.hidden { - opacity: 0.2; -} - -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -#window { - padding-left: 10px; - padding-right: 10px; - border-radius: 10px; - transition: none; - color: transparent; - background: transparent; -} - -#taskbar button, -#workspaces button { - color: @color15; - 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: @color15; - background-color: @background; - 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: @color15; - background-color: @background; -} - -#workspaces button.urgent { - color: #ffffff; - border-radius: 10px; -} - -#taskbar button:hover, -#workspaces button:hover { - color: @color15; - 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, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-left: 8px; - padding-right: 10px; - border-radius: 10px; - transition: none; - color: @color15; - background: @background; - border-bottom-width: 5px; - border-bottom-color: @color12; - border-bottom-style: solid; -} - -#custom-power { - padding-right: 2px; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39ff14; - border-bottom-width: 5px; - border-bottom-color: @color12; - border-bottom-style: solid; -} - -#network { - padding-right: 12px; -} - -#temperature.critical { - background-color: red; - color: black; -} - -#mpris { - padding-right: 2px; - padding-left: 8px; -} -#backlight { - padding-right: 2px; -} -#battery.critical:not(.charging) { - 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; - } -} - -#backlight-slider slider, -#pulseaudio-slider slider { - 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; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Wallust] Chroma Edge.css b/config/waybar/style/[Wallust] Chroma Edge.css deleted file mode 100644 index 5706a399..00000000 --- a/config/waybar/style/[Wallust] Chroma Edge.css +++ /dev/null @@ -1,379 +0,0 @@ -/* ---- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -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 -window#waybar.empty #window { - padding: 0px; - border: 0px; - 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; -} - -#taskbar button, -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#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: #8fbcbb; - padding-right: 2px; -} - -#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: 3.0s; - animation-timing-function: steps(12); - 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; - 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 { - 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); -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Wallust] Chroma Fusion.css b/config/waybar/style/[Wallust] Chroma Fusion.css deleted file mode 100644 index 111fe50f..00000000 --- a/config/waybar/style/[Wallust] Chroma Fusion.css +++ /dev/null @@ -1,321 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* ....Chroma Fusion .... */ -/* 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: "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: 99%; - 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#waybar.empty #window { - background-color: transparent; - padding: 0px; - 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, -#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-weather2, -#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; - margin: 5px 5px 5px 5px; - opacity:0.8; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} -#backlight { - padding: 0px 2px 0px 6px; -} -#custom-power { - color: red; - padding: 0px 0px 0px 6px; - opacity:1.0; -} -#custom-light_dark, -#custom-nightlight, -#custom-menu{ - color: @flamingo; - padding: 0px 8px 0px 4px; - opacity:1.0; -} - -#mpris { - color: @sapphire; - padding-right: 0px; -} - -#custom-swaync, -#custom-weather, -#custom-weather2, -#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, -#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 { - margin: 3px 3px 3px 3px; - padding: 0px 1px; - border-radius: 25px; - font-weight: bold; - font-style: normal; - opacity:0.8; - color:#FFFFFF; - -} - -#taskbar button, -#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; -} - -#taskbar button.active, -#workspaces button.active { - color: #FFFFFF; - background: @button-color; - border-radius: 15px; - 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; -} - -#taskbar button:hover, -#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; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} - - diff --git a/config/waybar/style/[Wallust] Chroma Tally V2.css b/config/waybar/style/[Wallust] Chroma Tally V2.css deleted file mode 100644 index bbb644de..00000000 --- a/config/waybar/style/[Wallust] Chroma Tally V2.css +++ /dev/null @@ -1,281 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Wallust - Chroma Tally v2 */ - -/* edited by: https://github.com/prateekshukla1108 */ - -@import '../../.config/waybar/wallust/colors-waybar.css'; - -* { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - min-height: 0; - font-size: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: @color0; /* Dark background */ - border-radius: 12px; - border-bottom: 2px; - border-style: solid; - border-color: @color7; /* Light border */ -} - -#workspaces { - background: transparent; - padding: 2px; - border-radius: 15px; - border: 0px; - font-style: normal; - color: @color7; /* Light text */ -} - -#taskbar button, -#workspaces button { - padding: 0px 5px; - border-radius: 15px; - border: 0px; - color: @color7; /* Light text */ - background: linear-gradient(45deg, @color5, @color6, @color7); /* Lighter gradient */ - 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: @color7; /* Light text */ - background: linear-gradient(45deg, @color5, @color6); /* Lighter gradient */ - 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: @color7; /* Light text */ - background: linear-gradient(45deg, @color6, @color7); /* Lighter gradient */ - opacity: 0.8; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -tooltip { - background: @background-alt; /* Theme-neutral tooltip background */ - opacity: 0.8; - border-radius: 6px; - color: @color7; /* Light text */ -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; - color: @color6; /* Lighter - changed from color5 */ -} - -#clock { - color: @color6; /* Lighter */ -} - -#backlight { - color: @color5; /* Lighter */ -} - -#battery { - color: @color6; /* Lighter */ -} - -#battery.charging { - color: @color7; /* Lightest */ -} - -@keyframes blink { - to { - color: @color4; /* Slightly lighter blink color */ - background-color: @color7; /* Lightest */ - } -} - -#battery.critical:not(.charging) { - background: @color5; /* Lighter background */ - color: @color7; /* Lightest */ - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#cpu { - color: @color6; /* Lighter */ -} - -#disk { - color: @color5; /* Lighter */ -} - -#custom-keyboard, -#memory { - color: @color6; /* Lighter */ -} - -#network.disabled { - color: @color5; /* Lighter */ -} - -#network{ - color: @color6; /* Lighter */ -} - -#network.disconnected { - color: @color5; /* Lighter */ -} - -#pulseaudio { - color: @color7; /* Lightest */ -} - -#pulseaudio.muted { - color: @color5; /* Lighter */ -} - -#custom-light_dark, -#custom-nightlight, -#temperature { - color: @color6; /* Lighter */ -} - -#temperature.critical { - color: @color5; /* Lighter */ -} - -#keyboard-state, -#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 { -} - -#custom-swaync, -#custom-menu { - color: @color7; /* Lightest */ - padding-left: 8px; -} - -#custom-power{ - color: @color6; /* Lighter */ -} - -#window{ - border-style: hidden; -} - -#custom-lock, -#bluetooth{ - color: @color5; /* Lighter */ -} - -#custom-cava_mviz{ - color: @color7; /* Lightest */ -} - -#custom-weather{ - color: @color5; /* Lighter */ -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: @color2; /* Slightly darker trough */ -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: @color6; /* Lighter highlight */ -} diff --git a/config/waybar/style/[Wallust] Chroma Tally.css b/config/waybar/style/[Wallust] Chroma Tally.css deleted file mode 100644 index b6ab1470..00000000 --- a/config/waybar/style/[Wallust] Chroma Tally.css +++ /dev/null @@ -1,281 +0,0 @@ -/* ---- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: rgba (0, 0, 0, 0.5); - border-radius: 12px; - border-bottom: 2px; - border-style: solid; - border-color: @color12; -} - -#workspaces { - background: transparent; - padding: 2px; - 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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 5px; - padding-bottom: 5px; - 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: 3.0s; - animation-timing-function: steps(12); - 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, -#custom-nightlight, -#temperature { - color: #7287fd; -} - -#temperature.critical { - color: #bf616a; -} - -#keyboard-state, -#custom-hypridle, -#idle_inhibitor { - color: #ebcb8b; - border-bottom: 2px; -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 2px; -} - -#tray { -} - -#custom-swaync, -#custom-menu { - color: yellow; - padding-left: 8px; -} -#custom-power{ - color: #eba0ac; -} - -#window{ - border-style: hidden; -} - -#custom-lock, -#bluetooth{ - color:#d08770; -} - -#custom-cava_mviz{ - color: @color11; -} - -#custom-weather{ - color:#d08770; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Wallust] Colored.css b/config/waybar/style/[Wallust] Colored.css deleted file mode 100644 index 80ffb1b0..00000000 --- a/config/waybar/style/[Wallust] Colored.css +++ /dev/null @@ -1,229 +0,0 @@ -/* ----------- 💫 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"'; -} - -window#waybar.hidden { - opacity: 0.5; -} - -window#waybar, -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 @color12; - border-radius: 40px 0px 0px 0px; - background-color: @background-alt; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} - -.modules-center { - border: 3px solid @color7; - 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 @color12; - border-radius: 0px 0px 40px 0px; - background-color: @background-alt; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} - -#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); -} - -#taskbar button.active, -#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; -} - -#taskbar button:hover, -#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, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} - -#custom-cava_mviz { - padding-right: 10px; -} \ No newline at end of file diff --git a/config/waybar/style/[Wallust] Simple.css b/config/waybar/style/[Wallust] Simple.css deleted file mode 100644 index f0f2cab2..00000000 --- a/config/waybar/style/[Wallust] Simple.css +++ /dev/null @@ -1,219 +0,0 @@ -/* ----------- 💫 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: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import '../../.config/waybar/wallust/colors-waybar.css'; - -#waybar.empty, #waybar.tiled, #waybar.floating { - background-color: transparent; -} - -window#waybar, -window#waybar.empty, -window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; -} - -tooltip { - color: @color13; - background: @color10; - opacity: 1.0; - border-radius: 10px; -} - -/*-----module groups----*/ -.modules-left, -.modules-center, -.modules-right { - background-color: @color0; - border: 0.5px solid @color15; - border-radius: 10px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} -/*-----modules indv----*/ - -#taskbar button, -#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); -} - -#taskbar button.active, -#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; -} - -#taskbar button:hover, -#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, -#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-weather2, -#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: 4px; - padding-bottom: 4px; - 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----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#pulseaudio.muted { - color: #cc3436; -} -#pulseaudio-microphone.muted { - color: #cc3436; -} -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} \ No newline at end of file -- cgit v1.2.3