fix: introduce --accent-cyan-rgb to make all opacity variants theme-aware

All files used hardcoded rgba(74, 163/158, 255, X) values in actual CSS
rules that CSS variable overrides couldn't touch. Solution: add
--accent-cyan-rgb triplet to variables.css root/light/enhanced blocks,
then replace every rgba(74,1xx,255,) occurrence across all CSS files
with rgba(var(--accent-cyan-rgb),). Enhanced tier sets the triplet to
200, 150, 40 (amber), so tscm.css panel bg, index.css card borders,
and all other tinted surfaces go amber automatically.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-05-20 08:53:25 +01:00
parent 9d41ffbb59
commit 5100f55586
20 changed files with 250 additions and 247 deletions
+3 -3
View File
@@ -750,7 +750,7 @@
background: var(--accent-cyan-glow);
color: var(--text-primary);
border-left: 2px solid var(--accent-cyan);
box-shadow: -2px 0 8px rgba(74, 163, 255, 0.2);
box-shadow: -2px 0 8px rgba(var(--accent-cyan-rgb), 0.2);
padding-left: 12px; /* compensate for 2px border */
}
@@ -858,7 +858,7 @@
background: var(--accent-cyan-glow);
color: var(--text-primary);
border-left: 2px solid var(--accent-cyan);
box-shadow: -2px 0 8px rgba(74, 163, 255, 0.2);
box-shadow: -2px 0 8px rgba(var(--accent-cyan-rgb), 0.2);
padding-left: 12px;
}
@@ -906,7 +906,7 @@
background: var(--accent-cyan-glow);
color: var(--text-primary);
border-left: 2px solid var(--accent-cyan);
box-shadow: -2px 0 6px rgba(74, 163, 255, 0.15);
box-shadow: -2px 0 6px rgba(var(--accent-cyan-rgb), 0.15);
padding-left: 10px;
}