From 508594c63626ad28c6b13b8bb174c5c2630cbdad Mon Sep 17 00:00:00 2001
From: Broque Thomas <26755000+Nezreka@users.noreply.github.com>
Date: Mon, 30 Mar 2026 19:08:22 -0700
Subject: [PATCH] Use static colors for enrichment service status chips
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Status text and indicators now use fixed Material Design colors
instead of accent-dependent values — green for running/idle, amber
for paused, red for stopped, dim white for not configured. Readable
regardless of the user's chosen accent color.
---
 webui/static/style.css | 44 ++++++++++++++++++++++++------------------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/webui/static/style.css b/webui/static/style.css
index 93a42344..1079180d 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -7525,48 +7525,48 @@ body.helper-mode-active #dashboard-activity-feed:hover {
     transform: translateY(-1px);
 }
 
-/* Status: Running / Configured */
+/* Status: Running */
 .enrichment-chip.status-running::before {
-    background: var(--accent);
-    box-shadow: 0 0 8px rgba(var(--accent-rgb), 0.4);
+    background: #4CAF50;
+    box-shadow: 0 0 6px rgba(76, 175, 80, 0.3);
 }
 
 .enrichment-chip.status-running .enrichment-chip-dot {
-    background: var(--accent);
-    box-shadow: 0 0 6px rgba(var(--accent-rgb), 0.5);
+    background: #4CAF50;
+    box-shadow: 0 0 5px rgba(76, 175, 80, 0.4);
 }
 
 /* Status: Idle */
 .enrichment-chip.status-idle::before {
-    background: var(--accent);
+    background: #4CAF50;
     opacity: 0.5;
 }
 
 .enrichment-chip.status-idle .enrichment-chip-dot {
-    background: var(--accent);
+    background: #4CAF50;
     opacity: 0.5;
 }
 
 /* Status: Paused */
 .enrichment-chip.status-paused::before {
-    background: #f5a623;
-    box-shadow: 0 0 6px rgba(245, 166, 35, 0.3);
+    background: #FFB74D;
+    box-shadow: 0 0 6px rgba(255, 183, 77, 0.3);
 }
 
 .enrichment-chip.status-paused .enrichment-chip-dot {
-    background: #f5a623;
-    box-shadow: 0 0 6px rgba(245, 166, 35, 0.3);
+    background: #FFB74D;
+    box-shadow: 0 0 5px rgba(255, 183, 77, 0.3);
 }
 
 /* Status: Stopped */
 .enrichment-chip.status-stopped::before {
-    background: #ff4757;
-    box-shadow: 0 0 6px rgba(255, 71, 87, 0.3);
+    background: #EF5350;
+    box-shadow: 0 0 6px rgba(239, 83, 80, 0.3);
 }
 
 .enrichment-chip.status-stopped .enrichment-chip-dot {
-    background: #ff4757;
-    box-shadow: 0 0 4px rgba(255, 71, 87, 0.3);
+    background: #EF5350;
+    box-shadow: 0 0 4px rgba(239, 83, 80, 0.3);
 }
 
 /* Status: Not Configured */
@@ -7613,16 +7613,22 @@ body.helper-mode-active #dashboard-activity-feed:hover {
     white-space: nowrap;
 }
 
-.enrichment-chip.status-not-configured .enrichment-chip-status {
-    color: rgba(var(--accent-rgb), 0.6);
+/* Static, readable status colors that work with any accent */
+.enrichment-chip.status-running .enrichment-chip-status,
+.enrichment-chip.status-idle .enrichment-chip-status {
+    color: rgba(76, 175, 80, 0.8);  /* green — healthy */
 }
 
 .enrichment-chip.status-paused .enrichment-chip-status {
-    color: rgba(245, 166, 35, 0.7);
+    color: rgba(255, 183, 77, 0.8); /* amber — paused */
 }
 
 .enrichment-chip.status-stopped .enrichment-chip-status {
-    color: rgba(255, 71, 87, 0.7);
+    color: rgba(239, 83, 80, 0.8);  /* red — stopped */
+}
+
+.enrichment-chip.status-not-configured .enrichment-chip-status {
+    color: rgba(255, 255, 255, 0.35); /* dim white — not set up */
 }
 
 .enrichment-chip-activity {