From af2fc05cfd112a3be763e5e844b642cf1b2e97b9 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 31 Jan 2025 09:02:10 +0900 Subject: yet another day of tweaking. Everyday you find a small bug or needs to be tweaked :) --- config/waybar/style/[Colored] Translucent.css | 1 + config/waybar/style/[Colorful] Aurora Blossom.css | 47 ++++------------------ config/waybar/style/[Dark] Golden Eclipse.css | 1 + config/waybar/style/[Dark] Golden Noir.css | 1 + .../style/[Dark] Latte-Wallust combined v2.css | 4 +- .../waybar/style/[Dark] Latte-Wallust combined.css | 4 +- config/waybar/style/[Dark] Purpl.css | 2 +- config/waybar/style/[Extra] Crimson.css | 1 + config/waybar/style/[Extra] EverForest.css | 2 + config/waybar/style/[Extra] Mauve.css | 1 + config/waybar/style/[Extra] Rose Pine.css | 1 + config/waybar/style/[Extra] Simple Pink.css | 1 + config/waybar/style/[Light] Obsidian Glow.css | 1 + .../waybar/style/[Transparent] Crystal Clear.css | 3 +- .../waybar/style/[WALLUST] ML4W-modern-mixed.css | 20 ++------- .../[Wallust Bordered] Chroma Fusion Edge.css | 18 ++------- .../style/[Wallust Bordered] Chroma Simple.css | 1 + .../style/[Wallust Transparent] Crystal Clear.css | 1 + config/waybar/style/[Wallust] Chroma Edge.css | 1 + config/waybar/style/[Wallust] Chroma Fusion.css | 18 ++------- config/waybar/style/[Wallust] Colored.css | 18 ++------- config/waybar/style/[Wallust] Simple.css | 19 ++------- 22 files changed, 46 insertions(+), 120 deletions(-) diff --git a/config/waybar/style/[Colored] Translucent.css b/config/waybar/style/[Colored] Translucent.css index d2938706..39aa8686 100644 --- a/config/waybar/style/[Colored] Translucent.css +++ b/config/waybar/style/[Colored] Translucent.css @@ -45,6 +45,7 @@ tooltip { border-color: #11111b; } +#taskbar button, #workspaces button { background-color: transparent; color: #ffffff; diff --git a/config/waybar/style/[Colorful] Aurora Blossom.css b/config/waybar/style/[Colorful] Aurora Blossom.css index 51025dd5..2dc23e73 100644 --- a/config/waybar/style/[Colorful] Aurora Blossom.css +++ b/config/waybar/style/[Colorful] Aurora Blossom.css @@ -45,6 +45,8 @@ tooltip label{ } /*-----modules indv----*/ + +#taskbar button, #workspaces button { color: black; box-shadow: none; @@ -56,6 +58,8 @@ tooltip label{ 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); @@ -65,6 +69,7 @@ tooltip label{ transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } +#taskbar button.active, #workspaces button.active { color: grey; padding-left: 8px; @@ -167,24 +172,7 @@ tooltip label{ animation-direction: alternate; } -#taskbar button.active { - color: black; - background-color: #7f849c; - padding-left: 6px; - padding-right: 6px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button, -#taskbar button:hover { - color: black; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - +#backlight-slider slider, #pulseaudio-slider slider { min-width: 0px; min-height: 0px; @@ -194,6 +182,7 @@ tooltip label{ box-shadow: none; } +#backlight-slider trough, #pulseaudio-slider trough { background-color: #7f849c; min-width: 80px; @@ -201,27 +190,7 @@ tooltip label{ 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; -} - +#pulseaudio-slider highlight, #backlight-slider highlight { min-width: 10px; border-radius: 5px; diff --git a/config/waybar/style/[Dark] Golden Eclipse.css b/config/waybar/style/[Dark] Golden Eclipse.css index ccd9d855..987834ce 100644 --- a/config/waybar/style/[Dark] Golden Eclipse.css +++ b/config/waybar/style/[Dark] Golden Eclipse.css @@ -122,6 +122,7 @@ window#waybar.hidden { animation-direction: alternate; } +#taskbar button, #workspaces button { box-shadow: none; text-shadow: none; diff --git a/config/waybar/style/[Dark] Golden Noir.css b/config/waybar/style/[Dark] Golden Noir.css index 51cbc8cf..9f6cab76 100644 --- a/config/waybar/style/[Dark] Golden Noir.css +++ b/config/waybar/style/[Dark] Golden Noir.css @@ -51,6 +51,7 @@ tooltip { padding-left: 4px; } +#taskbar button, #workspaces button { color: #6E6A86; box-shadow: none; diff --git a/config/waybar/style/[Dark] Latte-Wallust combined v2.css b/config/waybar/style/[Dark] Latte-Wallust combined v2.css index ad6a4726..61128602 100644 --- a/config/waybar/style/[Dark] Latte-Wallust combined v2.css +++ b/config/waybar/style/[Dark] Latte-Wallust combined v2.css @@ -54,7 +54,9 @@ tooltip { font-weight: bold; font-style: normal; opacity: 0.8; -} +} + +#taskbar button, #workspaces button { color: @foreground; box-shadow: none; diff --git a/config/waybar/style/[Dark] Latte-Wallust combined.css b/config/waybar/style/[Dark] Latte-Wallust combined.css index 9e3380b2..2e082f3e 100644 --- a/config/waybar/style/[Dark] Latte-Wallust combined.css +++ b/config/waybar/style/[Dark] Latte-Wallust combined.css @@ -69,7 +69,9 @@ tooltip { font-style: normal; opacity:0.8; color:#FFFFFF; -} +} + +#taskbar button, #workspaces button { color: #6E6A86; box-shadow: none; diff --git a/config/waybar/style/[Dark] Purpl.css b/config/waybar/style/[Dark] Purpl.css index a9897123..87e747ae 100644 --- a/config/waybar/style/[Dark] Purpl.css +++ b/config/waybar/style/[Dark] Purpl.css @@ -58,7 +58,7 @@ tooltip { padding-left: 5px; } - +#taskbar button, #workspaces button { color: #6E6A86; box-shadow: none; diff --git a/config/waybar/style/[Extra] Crimson.css b/config/waybar/style/[Extra] Crimson.css index 695a76c3..b6c5ba71 100644 --- a/config/waybar/style/[Extra] Crimson.css +++ b/config/waybar/style/[Extra] Crimson.css @@ -40,6 +40,7 @@ tooltip { padding-left: 4px; } +#taskbar button, #workspaces button { color: wheat; box-shadow: none; diff --git a/config/waybar/style/[Extra] EverForest.css b/config/waybar/style/[Extra] EverForest.css index d44c5316..01eea8e4 100644 --- a/config/waybar/style/[Extra] EverForest.css +++ b/config/waybar/style/[Extra] EverForest.css @@ -81,6 +81,8 @@ window#waybar.hidden { #custom-swaync { color: @yellow; } + +#taskbar button, #workspaces button { padding: 0px 5px; background-color: @orange; diff --git a/config/waybar/style/[Extra] Mauve.css b/config/waybar/style/[Extra] Mauve.css index 413f90ed..858f7ddd 100644 --- a/config/waybar/style/[Extra] Mauve.css +++ b/config/waybar/style/[Extra] Mauve.css @@ -48,6 +48,7 @@ tooltip { padding-left: 4px; } +#taskbar button, #workspaces button { color: #6E6A86; box-shadow: none; diff --git a/config/waybar/style/[Extra] Rose Pine.css b/config/waybar/style/[Extra] Rose Pine.css index 4d63d480..85467280 100644 --- a/config/waybar/style/[Extra] Rose Pine.css +++ b/config/waybar/style/[Extra] Rose Pine.css @@ -37,6 +37,7 @@ tooltip { border-width: 0px; } +#taskbar button, #workspaces button { box-shadow: none; text-shadow: none; diff --git a/config/waybar/style/[Extra] Simple Pink.css b/config/waybar/style/[Extra] Simple Pink.css index 243b8f01..9da88542 100644 --- a/config/waybar/style/[Extra] Simple Pink.css +++ b/config/waybar/style/[Extra] Simple Pink.css @@ -50,6 +50,7 @@ tooltip { padding-left: 4px; } +#taskbar button, #workspaces button { color: pink; box-shadow: none; diff --git a/config/waybar/style/[Light] Obsidian Glow.css b/config/waybar/style/[Light] Obsidian Glow.css index af256b8f..76413bab 100644 --- a/config/waybar/style/[Light] Obsidian Glow.css +++ b/config/waybar/style/[Light] Obsidian Glow.css @@ -30,6 +30,7 @@ tooltip label { padding-left: 2px; } +#taskbar button, #workspaces button { color: #585b70; box-shadow: none; diff --git a/config/waybar/style/[Transparent] Crystal Clear.css b/config/waybar/style/[Transparent] Crystal Clear.css index 285ce82a..8866b57a 100644 --- a/config/waybar/style/[Transparent] Crystal Clear.css +++ b/config/waybar/style/[Transparent] Crystal Clear.css @@ -27,7 +27,8 @@ window#waybar.empty #window { border: 0px; background-color: transparent; } - + +#taskbar button, #workspaces button { color: #6E6A86; box-shadow: none; diff --git a/config/waybar/style/[WALLUST] ML4W-modern-mixed.css b/config/waybar/style/[WALLUST] ML4W-modern-mixed.css index 561aaa6c..d43b7401 100644 --- a/config/waybar/style/[WALLUST] ML4W-modern-mixed.css +++ b/config/waybar/style/[WALLUST] ML4W-modern-mixed.css @@ -32,6 +32,7 @@ window#waybar { transition-duration: .5s; } +#taskbar, #workspaces { background: @workspacesbackground1; margin: 2px 18px 3px 1px; @@ -45,6 +46,7 @@ window#waybar { color: @textcolor1; } +#taskbar button, #workspaces button { padding: 0px 6px; margin: 3px 2px; @@ -55,6 +57,7 @@ window#waybar { opacity: 0.4; } +#taskbar button.active, #workspaces button.active { color: @textcolor1; background: @workspacesbackground2; @@ -64,6 +67,7 @@ window#waybar { opacity:1.0; } +#taskbar button.hover, #workspaces button:hover { color: @textcolor1; background: @workspacesbackground2; @@ -96,22 +100,6 @@ window#waybar.empty #window { background-color:transparent; } -#taskbar { - background: @backgroundlight; - margin: 3px 15px 3px 0px; - border-radius: 5px 5px 5px 5px; - font-weight: normal; - font-style: normal; - opacity:0.8; - 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; diff --git a/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css b/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css index a70f4973..df80a321 100644 --- a/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css +++ b/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css @@ -197,6 +197,7 @@ tooltip { } +#taskbar button, #workspaces button { border-radius: 15px; border:0px; @@ -208,6 +209,7 @@ tooltip { opacity:0.8; } +#taskbar button.active, #workspaces button.active { color: #FFFFFF; background: @button-color; @@ -224,6 +226,7 @@ tooltip { opacity:1.0; } +#taskbar button:hover, #workspaces button:hover { color: #FFFFFF; background: @button-hover; @@ -270,21 +273,6 @@ tooltip { } } -#taskbar button.active { - background-color: rgb(47, 46, 46); - border-radius: 30px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - border-radius: 15px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - #battery.critical:not(.charging) { color: #f53c3c; animation-name: blink; diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple.css b/config/waybar/style/[Wallust Bordered] Chroma Simple.css index 76bfec7d..f520d0f4 100644 --- a/config/waybar/style/[Wallust Bordered] Chroma Simple.css +++ b/config/waybar/style/[Wallust Bordered] Chroma Simple.css @@ -37,6 +37,7 @@ tooltip { opacity: 0.9; } +#taskbar button, #workspaces { border-radius: 20px; background: @background; diff --git a/config/waybar/style/[Wallust Transparent] Crystal Clear.css b/config/waybar/style/[Wallust Transparent] Crystal Clear.css index a17eb71a..981f57a7 100644 --- a/config/waybar/style/[Wallust Transparent] Crystal Clear.css +++ b/config/waybar/style/[Wallust Transparent] Crystal Clear.css @@ -60,6 +60,7 @@ tooltip { border-style: solid; } +#taskbar button, #workspaces button { color: @text-alt; box-shadow: none; diff --git a/config/waybar/style/[Wallust] Chroma Edge.css b/config/waybar/style/[Wallust] Chroma Edge.css index ea20f412..e9c386c4 100644 --- a/config/waybar/style/[Wallust] Chroma Edge.css +++ b/config/waybar/style/[Wallust] Chroma Edge.css @@ -47,6 +47,7 @@ tooltip label{ color: #cdd6f4; } +#taskbar button, #workspaces button { background-color: transparent; color: grey; diff --git a/config/waybar/style/[Wallust] Chroma Fusion.css b/config/waybar/style/[Wallust] Chroma Fusion.css index 3d75f060..8e1e936b 100644 --- a/config/waybar/style/[Wallust] Chroma Fusion.css +++ b/config/waybar/style/[Wallust] Chroma Fusion.css @@ -198,6 +198,7 @@ tooltip { } +#taskbar button, #workspaces button { margin: 1px 1px; border-radius: 15px; @@ -210,6 +211,7 @@ tooltip { opacity:0.8; } +#taskbar button.active, #workspaces button.active { color: #FFFFFF; background: @button-color; @@ -226,6 +228,7 @@ tooltip { opacity:1.0; } +#taskbar button:hover, #workspaces button:hover { color: #FFFFFF; background: @button-hover; @@ -272,21 +275,6 @@ tooltip { } } -#taskbar button.active { - background-color: rgb(47, 46, 46); - border-radius: 30px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - border-radius: 15px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - #battery.critical:not(.charging) { color: #f53c3c; animation-name: blink; diff --git a/config/waybar/style/[Wallust] Colored.css b/config/waybar/style/[Wallust] Colored.css index 4baf6705..e00a80d9 100644 --- a/config/waybar/style/[Wallust] Colored.css +++ b/config/waybar/style/[Wallust] Colored.css @@ -63,6 +63,7 @@ tooltip { padding-left: 4px; } +#taskbar button, #workspaces button { color: @foreground; box-shadow: none; @@ -75,6 +76,7 @@ tooltip { transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); } +#taskbar button.active, #workspaces button.active { color: @background; background-color: @color7; @@ -93,6 +95,7 @@ tooltip { border-radius: 10px; } +#taskbar button:hover, #workspaces button:hover { color: @color4; padding-left: 2px; @@ -181,21 +184,6 @@ tooltip { color: #39FF14; } -#taskbar button.active { - background-color: rgb(47, 46, 46); - border-radius: 30px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - border-radius: 15px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - #battery.critical:not(.charging) { color: #f53c3c; animation-name: blink; diff --git a/config/waybar/style/[Wallust] Simple.css b/config/waybar/style/[Wallust] Simple.css index eb0ee0e9..baeb3584 100644 --- a/config/waybar/style/[Wallust] Simple.css +++ b/config/waybar/style/[Wallust] Simple.css @@ -45,6 +45,7 @@ tooltip { } /*-----modules indv----*/ +#taskbar button, #workspaces button { color: @color2; box-shadow: none; @@ -57,6 +58,7 @@ tooltip { transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); } +#taskbar button.active, #workspaces button.active { color: @foreground; background-color: @color2; @@ -75,6 +77,7 @@ tooltip { border-radius: 10px; } +#taskbar button:hover, #workspaces button:hover { color: @color4; padding-left: 2px; @@ -175,22 +178,6 @@ tooltip { } } -#taskbar button.active { - color: @foreground; - background-color: @color2; - border-radius: 30px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - border-radius: 15px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - #battery.critical:not(.charging) { color: #f53c3c; animation-name: blink; -- cgit v1.2.3