Make colours universal across all configs

2026-03-06 15:16:38 +00:00
parent f67b61c6f4
commit 1b4e009cd0
9 changed files with 171 additions and 115 deletions
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -0,0 +1,124 @@
+@import "colors.css";
+
+* {
+    font-family: "URWGothic-Book", monospace;
+    font-size: 16px;
+    min-height: 0;
+    border: none;
+    border-radius: 0;
+    padding: 0;
+    margin: 0;
+}
+
+window#waybar {
+    background-color: var(--color-bg);
+    color: var(--color-primary);
+}
+
+/* Workspaces */
+#workspaces button {
+    padding: 0 8px;
+    background-color: var(--color-alt_bg);
+    color: var(--color-white);
+    border-bottom: 2px solid transparent;
+}
+
+#workspaces button:hover {
+    background-color: var(--color-alt_bg);
+    border-bottom: 2px solid var(--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);
+}
+
+#workspaces button.urgent {
+    background-color: var(--color-tertiary);
+    color: var(--color-white);
+}
+
+#mode {
+    background-color: var(--color-tertiary);
+    color: var(--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: var(--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 var(--color-tertiary);
+}
+
+#battery.warning {
+    color: var(--color-secondary);
+}
+
+#battery.critical {
+    color: var(--color-tertiary);
+}
+
+#custom-greetings {
+    color: var(--color-secondary);
+}
+
+#clock {
+    color: var(--color-tertiary);
+}
+
+/* claudebar severity classes */
+#custom-claudebar.low {
+    color: var(--color-primary);
+}
+
+#custom-claudebar.mid {
+    color: var(--color-secondary);
+}
+
+#custom-claudebar.high {
+    color: var(--color-tertiary);
+}
+
+#custom-claudebar.critical {
+    color: var(--color-tertiary);
+}
+
+#tray {
+    padding: 0 8px;
+    border-left: 1px solid var(--color-tertiary);
+}
+
+#tray > .passive {
+    -gtk-icon-effect: dim;
+}
+
+#tray > .needs-attention {
+    -gtk-icon-effect: highlight;
+    background-color: var(--color-tertiary);
+}