danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Use static colors for enrichment service status chips

Browse source 
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.
This commit is contained in:
Broque Thomas 2026-03-30 19:08:22 -07:00
parent d944d4a7d2
commit 508594c636
1 changed files with 25 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
webui/static/style.css
View file

@ -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 {