Accent didn't work trying something else (I love CSS. NOT)

1 files changed, 10 insertions, 4 deletions

diff --git a/config/waybar/style/ML4W Glass.css b/config/waybar/style/ML4W Glass.css
index 5d8e589e..c798acc6 100644
--- a/config/waybar/style/ML4W Glass.css
+++ b/config/waybar/style/ML4W Glass.css
@@ -43,8 +43,13 @@ General
 
 window#waybar {
   background: transparent;
+  background-image:
+    linear-gradient(to bottom,
+      alpha(@surface, 0.85) 0%,
+      alpha(@surface_dim, 0.85) 65%,
+      alpha(@accent, 0.28) 100%);
   box-shadow:
-    inset 0 -2px 0 alpha(@accent, 0.35); /* soft accent strip on bottom edge */
+    inset 0 -3px 0 alpha(@accent, 0.6); /* visible accent strip on bottom edge */
 }
 
 .modules-left {
@@ -147,14 +152,15 @@ label.module:hover {
 }
 
 #workspaces button.active {
-  background: alpha(@primary, 0.2);
+  background: alpha(@accent, 0.20);
   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);
+    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 {