Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-07-09 18:18:12 -07:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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 4ac996a538
commit 8e89979770
20 changed files with 250 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/components/signal-cards.css
+6 -6
View File
@@ -153,7 +153,7 @@
}
.signal-filter-btn.active .signal-filter-count {
background: rgba(74, 158, 255, 0.2);
background: rgba(var(--accent-cyan-rgb), 0.2);
color: var(--accent-cyan);
}
@@ -268,7 +268,7 @@
.signal-proto-badge.pocsag {
background: var(--accent-cyan-dim);
color: var(--accent-cyan);
border-color: rgba(74, 158, 255, 0.25);
border-color: rgba(var(--accent-cyan-rgb), 0.25);
}
.signal-proto-badge.flex {
@@ -557,12 +557,12 @@
.signal-action-btn.primary {
background: var(--accent-cyan-dim);
border-color: rgba(74, 158, 255, 0.25);
border-color: rgba(var(--accent-cyan-rgb), 0.25);
color: var(--accent-cyan);
}
.signal-action-btn.primary:hover {
background: rgba(74, 158, 255, 0.2);
background: rgba(var(--accent-cyan-rgb), 0.2);
}
.signal-action-btn.danger {
@@ -691,8 +691,8 @@
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(74, 158, 255, 0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(74, 158, 255, 0.08) 1px, transparent 1px);
linear-gradient(rgba(var(--accent-cyan-rgb), 0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(var(--accent-cyan-rgb), 0.08) 1px, transparent 1px);
background-size: 14px 14px;
}