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 {