mirror of
https://github.com/smittix/intercept.git
synced 2026-06-10 06:53:31 -07:00
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:
@@ -14,7 +14,7 @@
|
||||
background: rgba(7, 9, 14, 0.72);
|
||||
backdrop-filter: blur(8px);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
border: 1px solid rgba(74, 163, 255, 0.18);
|
||||
border: 1px solid rgba(var(--accent-cyan-rgb), 0.18);
|
||||
border-radius: 4px;
|
||||
font-family: var(--font-mono, 'JetBrains Mono', monospace);
|
||||
font-size: 11px;
|
||||
@@ -98,7 +98,7 @@
|
||||
.map-range-label span {
|
||||
display: inline-block;
|
||||
background: rgba(7, 9, 14, 0.7);
|
||||
color: rgba(74, 163, 255, 0.7);
|
||||
color: rgba(var(--accent-cyan-rgb), 0.7);
|
||||
font-family: var(--font-mono, 'JetBrains Mono', monospace);
|
||||
font-size: 9px;
|
||||
padding: 1px 4px;
|
||||
@@ -111,7 +111,7 @@
|
||||
|
||||
.map-glass-popup .leaflet-popup-content-wrapper {
|
||||
background: var(--bg-elevated, #161d28) !important;
|
||||
border: 1px solid var(--border-color, rgba(74,163,255,0.15)) !important;
|
||||
border: 1px solid var(--border-color, rgba(var(--accent-cyan-rgb),0.15)) !important;
|
||||
border-radius: 6px !important;
|
||||
backdrop-filter: blur(8px);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
|
||||
Reference in New Issue
Block a user