Issues with sourcing colour configs, now files are concatenated into final config

waybar/base.css

@@ -0,0 +1,123 @@
+
+* {
+    font-family: "URWGothic-Book", monospace;
+    font-size: 16px;
+    min-height: 0;
+    border: none;
+    border-radius: 0;
+    padding: 0;
+    margin: 0;
+}
+
+window#waybar {
+    background-color: @color_bg;
+    color: @color_primary;
+}
+
+/* Workspaces */
+#workspaces button {
+    padding: 0 8px;
+    background-color: @color_alt_bg;
+    color: @color_white;
+    border-bottom: 2px solid transparent;
+}
+
+#workspaces button:hover {
+    background-color: @color_alt_bg;
+    border-bottom: 2px solid @color_primary;
+    box-shadow: none;
+}
+
+#workspaces button.focused,
+#workspaces button.active {
+    background-color: @color_bg;
+    color: @color_white;
+    border-bottom: 2px solid @color_primary;
+}
+
+#workspaces button.urgent {
+    background-color: @color_tertiary;
+    color: @color_white;
+}
+
+#mode {
+    background-color: @color_tertiary;
+    color: @color_text_dark;
+    padding: 0 8px;
+    font-style: italic;
+}
+
+/* Right-side modules */
+#custom-greetings,
+#custom-history,
+#custom-claudebar,
+#pulseaudio,
+#cpu,
+#memory,
+#disk,
+#network,
+#battery,
+#clock {
+    padding: 0 10px;
+    color: @color_primary;
+}
+
+/* Pink separators between modules (matching i3bar separator color) */
+#custom-history,
+#custom-claudebar,
+#pulseaudio,
+#cpu,
+#memory,
+#disk,
+#network,
+#battery,
+#clock {
+    border-left: 1px solid @color_tertiary;
+}
+
+#battery.warning {
+    color: @color_secondary;
+}
+
+#battery.critical {
+    color: @color_tertiary;
+}
+
+#custom-greetings {
+    color: @color_secondary;
+}
+
+#clock {
+    color: @color_tertiary;
+}
+
+/* claudebar severity classes */
+#custom-claudebar.low {
+    color: @color_primary;
+}
+
+#custom-claudebar.mid {
+    color: @color_secondary;
+}
+
+#custom-claudebar.high {
+    color: @color_tertiary;
+}
+
+#custom-claudebar.critical {
+    color: @color_tertiary;
+}
+
+#tray {
+    padding: 0 8px;
+    border-left: 1px solid @color_tertiary;
+}
+
+#tray > .passive {
+    -gtk-icon-effect: dim;
+}
+
+#tray > .needs-attention {
+    -gtk-icon-effect: highlight;
+    background-color: @color_tertiary;
+}

waybar/build.sh

@@ -0,0 +1,4 @@
+#!/usr/bin/env bash
+set -euo pipefail
+cd "$(dirname "$0")"
+cat colors.css base.css > style.css

waybar/style.css

@@ -1,4 +1,13 @@
-@import "colors.css";
+@define-color color_primary #55ffbb;
+@define-color color_secondary #62ff57;
+@define-color color_tertiary #ff579a;
+@define-color color_bg #1b110e;
+@define-color color_bg_secondary #000000;
+@define-color color_alt_bg #024942;
+@define-color color_gray #222222;
+@define-color color_text_light #F0F0F0;
+@define-color color_text_dark #1b110e;
+@define-color color_white #FFFFFF;
 
 * {
     font-family: "URWGothic-Book", monospace;