diff --git a/henrovnix_ok/assets/conf/desktop/waybar/style.css b/henrovnix_ok/assets/conf/desktop/waybar/style.css
index 681fa8d59..8d943dc83 100644
--- a/henrovnix_ok/assets/conf/desktop/waybar/style.css
+++ b/henrovnix_ok/assets/conf/desktop/waybar/style.css
@@ -1,13 +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 */
+/* --- Hyprland palette (ported) --- */
+@define-color base     rgba(30, 30, 46, 1.0); /* 1e1e2eff */
+@define-color inactive rgba(89, 89, 89, 0.667); /* 595959aa */
+@define-color blue     rgba(51, 204, 255, 0.933); /* 33ccffee */
+@define-color green    rgba(0, 255, 153, 0.933); /* 00ff99ee */
 
-    /* pick a sensible text color for this palette */
-    --text: rgba(255, 255, 255, 1);
-}
+/* extra colors you referenced but didn’t define */
+@define-color text     rgba(255, 255, 255, 1.0);
+@define-color surface1 rgba(255, 255, 255, 0.08);
+@define-color subtext1 rgba(255, 255, 255, 0.35);
+@define-color red      rgba(255, 0, 0, 0.90);
 
 * {
     font-family:
@@ -21,30 +22,30 @@ window#waybar {
 }
 
 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;
 }
 
 #workspaces button {
-    padding: 0px 1px; /* vertical only */
-    min-width: 80px; /* ← controls width */
+    padding: 0px 1px;
+    min-width: 80px;
     background-color: transparent;
-    color: --text;
-    border: 1px --blue --green 45deg; /* visible border */
-    border-radius: 10px; /* makes it ellipse */
+    color: @text;
+    border: 1px solid @green;
+    border-radius: 10px;
 }
 
 #workspaces button:hover {
-    background: @surface1;
-    color: --text;
+    background-color: @surface1;
+    color: @text;
 }
 
 #workspaces button.active {
     background-color: rgba(255, 255, 255, 0.25);
-    color: --base;
+    color: @base;
     box-shadow: inset 0 -3px @subtext1;
 }
 
@@ -62,11 +63,11 @@ window#waybar {
 }
 
 #idle_inhibitor.activated {
-    background-color: --green;
+    background-color: @green;
 }
 
 #battery.charging {
-    color: --green;
+    color: @green;
 }
 
 @keyframes blink {
@@ -107,11 +108,11 @@ window#waybar {
 }
 
 #custom-hyprscroll_overflow.overflow {
-    padding: 0px 1px; /* vertical only */
-    min-width: 80px; /* ← controls width */
+    padding: 0px 1px;
+    min-width: 80px;
     background-color: rgba(255, 255, 255, 0.25);
-    color: --text;
-    border: 1px --blue --green 45deg; /* visible border */
-    border-radius: 10px; /* makes it ellipse */
+    color: @text;
+    border: 1px solid @blue; /* use your Hyprland blue here */
+    border-radius: 10px;
     font-weight: bold;
 }