Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 06:40:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix: light theme nav labels, run-state chips, and buttons

Browse Source 
Nav active labels used color: var(--bg-primary) which resolved to
near-white on light backgrounds. Run-state chips and buttons had
hardcoded dark RGBA backgrounds. Added light-theme overrides for
readable text and appropriate light backgrounds.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-03-03 10:58:21 +00:00
parent 195c224189
commit f3d475d53a
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
static/css/components/ux-platform.css
View File

@@ -406,6 +406,29 @@
color: var(--text-primary, #e6edf5);
}
/* ---- Light theme overrides ---- */
[data-theme="light"] .run-state-chip {
background: linear-gradient(180deg, rgba(233, 238, 245, 0.9), rgba(225, 232, 242, 0.92));
border-color: rgba(31, 95, 168, 0.18);
color: var(--text-secondary);
}
[data-theme="light"] .run-state-chip.active {
border-color: rgba(31, 95, 168, 0.4);
color: var(--text-primary);
}
[data-theme="light"] .run-state-btn {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(241, 244, 249, 0.97));
color: var(--accent-cyan);
border-color: rgba(31, 95, 168, 0.25);
}
[data-theme="light"] .run-state-btn:hover {
background: rgba(31, 95, 168, 0.08);
border-color: rgba(31, 95, 168, 0.45);
}
@media (max-width: 920px) {
.run-state-strip {
flex-direction: column;

3
static/css/global-nav.css
View File

@@ -393,12 +393,14 @@
[data-theme="light"] .mode-nav-btn.active {
background: rgba(220, 230, 244, 0.9);
color: var(--text-primary);
}
[data-theme="light"] .mode-nav-dropdown-btn:hover,
[data-theme="light"] .mode-nav-dropdown.open .mode-nav-dropdown-btn,
[data-theme="light"] .mode-nav-dropdown.has-active .mode-nav-dropdown-btn {
background: rgba(220, 230, 244, 0.9);
color: var(--text-primary);
}
[data-theme="light"] .mode-nav-dropdown-menu {
@@ -412,6 +414,7 @@
[data-theme="light"] .mode-nav-dropdown-menu .mode-nav-btn.active {
background: rgba(220, 230, 244, 0.95);
color: var(--text-primary);
}
[data-theme="light"] .nav-tool-btn {