From 2d2f069a7d4d5c12409f82913e068bb2f286eae8 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Fri, 6 Mar 2026 15:38:25 +0000
Subject: [PATCH] Update to use GTK variable names

---
 waybar/style.css | 50 ++++++++++++++++++++++++------------------------
 wofi/style.css   | 24 +++++++++++------------
 2 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/waybar/style.css b/waybar/style.css
index 5bbc5e8..bf58241 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -11,39 +11,39 @@
 }
 
 window#waybar {
-    background-color: var(--color-bg);
-    color: var(--color-primary);
+    background-color: @color_bg;
+    color: @color_primary;
 }
 
 /* Workspaces */
 #workspaces button {
     padding: 0 8px;
-    background-color: var(--color-alt_bg);
-    color: var(--color-white);
+    background-color: @color_alt_bg;
+    color: @color_white;
     border-bottom: 2px solid transparent;
 }
 
 #workspaces button:hover {
-    background-color: var(--color-alt_bg);
-    border-bottom: 2px solid var(--color-primary);
+    background-color: @color_alt_bg;
+    border-bottom: 2px solid @color_primary;
     box-shadow: none;
 }
 
 #workspaces button.focused,
 #workspaces button.active {
-    background-color: var(--color-bg);
-    color: var(--color-white);
-    border-bottom: 2px solid var(--color-primary);
+    background-color: @color_bg;
+    color: @color_white;
+    border-bottom: 2px solid @color_primary;
 }
 
 #workspaces button.urgent {
-    background-color: var(--color-tertiary);
-    color: var(--color-white);
+    background-color: @color_tertiary;
+    color: @color_white;
 }
 
 #mode {
-    background-color: var(--color-tertiary);
-    color: var(--color-text_dark);
+    background-color: @color_tertiary;
+    color: @color_text_dark;
     padding: 0 8px;
     font-style: italic;
 }
@@ -60,7 +60,7 @@ window#waybar {
 #battery,
 #clock {
     padding: 0 10px;
-    color: var(--color-primary);
+    color: @color_primary;
 }
 
 /* Pink separators between modules (matching i3bar separator color) */
@@ -73,45 +73,45 @@ window#waybar {
 #network,
 #battery,
 #clock {
-    border-left: 1px solid var(--color-tertiary);
+    border-left: 1px solid @color_tertiary;
 }
 
 #battery.warning {
-    color: var(--color-secondary);
+    color: @color_secondary;
 }
 
 #battery.critical {
-    color: var(--color-tertiary);
+    color: @color_tertiary;
 }
 
 #custom-greetings {
-    color: var(--color-secondary);
+    color: @color_secondary;
 }
 
 #clock {
-    color: var(--color-tertiary);
+    color: @color_tertiary;
 }
 
 /* claudebar severity classes */
 #custom-claudebar.low {
-    color: var(--color-primary);
+    color: @color_primary;
 }
 
 #custom-claudebar.mid {
-    color: var(--color-secondary);
+    color: @color_secondary;
 }
 
 #custom-claudebar.high {
-    color: var(--color-tertiary);
+    color: @color_tertiary;
 }
 
 #custom-claudebar.critical {
-    color: var(--color-tertiary);
+    color: @color_tertiary;
 }
 
 #tray {
     padding: 0 8px;
-    border-left: 1px solid var(--color-tertiary);
+    border-left: 1px solid @color_tertiary;
 }
 
 #tray > .passive {
@@ -120,5 +120,5 @@ window#waybar {
 
 #tray > .needs-attention {
     -gtk-icon-effect: highlight;
-    background-color: var(--color-tertiary);
+    background-color: @color_tertiary;
 }
diff --git a/wofi/style.css b/wofi/style.css
index 4417903..259dc41 100644
--- a/wofi/style.css
+++ b/wofi/style.css
@@ -1,29 +1,29 @@
-@import url("colors.css");
+@import "/home/adamf/scripts/wofi/colors.css";
 
 window {
     margin: 0px;
-    border: 1px solid var(--color-primary);
-    background-color: var(--color-bg);
+    border: 1px solid @color_primary;
+    background-color: @color_bg;
     border-radius: 8px;
 }
 
 #input {
     padding: 4px 8px;
     margin: 6px;
-    color: var(--color-text_light);
-    background-color: var(--color-alt_bg);
-    border: 1px solid var(--color-primary);
+    color: @color_text_light;
+    background-color: @color_alt_bg;
+    border: 1px solid @color_primary;
     border-radius: 4px;
 }
 
 #inner-box {
-    background-color: var(--color-bg);
+    background-color: @color_bg;
 }
 
 #outer-box {
     margin: 4px;
     padding: 4px;
-    background-color: var(--color-bg);
+    background-color: @color_bg;
 }
 
 #scroll {
@@ -33,7 +33,7 @@ window {
 
 #text {
     margin: 2px 8px;
-    color: var(--color-primary);
+    color: @color_primary;
 }
 
 #entry {
@@ -41,10 +41,10 @@ window {
 }
 
 #entry:selected {
-    background-color: var(--color-alt_bg);
-    border: 1px solid var(--color-primary);
+    background-color: @color_alt_bg;
+    border: 1px solid @color_primary;
 }
 
 #text:selected {
-    color: var(--color-tertiary);
+    color: @color_tertiary;
 }