Nice colours

henrovnix_ok/assets/conf/desktop/waybar/style.css

@@ -1,3 +1,14 @@
+/* Hyprland palette (ported) */
+window#waybar {
+    --base: rgba(30, 30, 46, 1); /* 1e1e2eff */
+    --inactive: rgba(89, 89, 89, 0.67); /* 595959aa */
+    --blue: rgba(51, 204, 255, 0.93); /* 33ccffee */
+    --green: rgba(0, 255, 153, 0.93); /* 00ff99ee */
+
+    /* pick a sensible text color for this palette */
+    --text: rgba(255, 255, 255, 1);
+}
+
 * {
     font-family:
         Aporetic Sans Mono,
@@ -10,8 +21,8 @@
 }
 
 window#waybar {
-    background-color: @base;
-    color: @text;
+    background-color: --base;
+    color: --text;
     transition-property: background-color;
     border-bottom: 0px solid rgba(0, 0, 0, 0);
     transition-duration: 0.5s;
@@ -21,19 +32,19 @@ window#waybar {
     padding: 0px 1px; /* vertical only */
     min-width: 80px; /* ← controls width */
     background-color: transparent;
-    color: @text;
-    border: 1px solid @green; /* visible border */
+    color: --text;
+    border: 1px --blue --green 45deg; /* visible border */
     border-radius: 10px; /* makes it ellipse */
 }
 
 #workspaces button:hover {
     background: @surface1;
-    color: @text;
+    color: --text;
 }
 
 #workspaces button.active {
     background-color: rgba(255, 255, 255, 0.25);
-    color: @base;
+    color: --base;
     box-shadow: inset 0 -3px @subtext1;
 }
 
@@ -51,11 +62,11 @@ window#waybar {
 }
 
 #idle_inhibitor.activated {
-    background-color: @green;
+    background-color: --green;
 }
 
 #battery.charging {
-    color: @green;
+    color: --green;
 }
 
 @keyframes blink {
@@ -99,8 +110,8 @@ window#waybar {
     padding: 0px 1px; /* vertical only */
     min-width: 80px; /* ← controls width */
     background-color: rgba(255, 255, 255, 0.25);
-    color: @text;
-    border: 1px $blue $green 45deg; /* visible border */
+    color: --text;
+    border: 1px --blue --green 45deg; /* visible border */
     border-radius: 10px; /* makes it ellipse */
     font-weight: bold;
 }