APDU list: the selected row gets a blue tint in dark mode too
- the selection used --bg-input (#334155, a neutral slate) in dark mode, which sat right next to the GET RESPONSE pair rows' grey tint (--pair-row = rgba(148,163,184,0.12)) and was easy to mistake for them; the light theme already had its own blue (#dbeafe) through a [data-theme="light"] override - both themes now set a --selected-bg variable (dark #1e3a8a = blue-900 — the palette counterpart of the light blue-100 — light #dbeafe unchanged) and a single `.apdu-entry.selected` rule uses it, so the override is gone - Node test pins the variable in both themes and the single rule - SW cache simtrace-analyser-v90 (cosmetic, no version bump)
This commit is contained in:
1 parent
b743c6621d
commit
119b1cd54a
3 files changed
+15
-3
No files matched your search
+4
-2
@@ -18,6 +18,8 @@
|
||||
--bg: #0f172a;
|
||||
--bg-panel: #1e293b;
|
||||
--bg-input: #334155;
|
||||
--selected-bg: #1e3a8a; /* a blue tint, so a selected row stands out
|
||||
from the GET RESPONSE pair rows */
|
||||
--border: #475569;
|
||||
--text: #e2e8f0;
|
||||
--text-muted: #94a3b8;
|
||||
@@ -51,6 +53,7 @@
|
||||
--bg: #fafafa;
|
||||
--bg-panel: #e5e7eb;
|
||||
--bg-input: #ffffff;
|
||||
--selected-bg: #dbeafe;
|
||||
--border: #d1d5db;
|
||||
--text: #1f2937;
|
||||
--text-muted: #6b7280;
|
||||
@@ -147,8 +150,7 @@ body { font: 14px/1.5 system-ui, sans-serif; background: var(--bg); color: var(-
|
||||
.apdu-entry { display: flex; gap: 12px; padding: 3px 12px; border-bottom: 1px solid var(--bg-panel); cursor: pointer; align-items: baseline; }
|
||||
.apdu-entry.apdu-pair { background: var(--pair-row); }
|
||||
.apdu-entry:hover { background: var(--bg-panel); }
|
||||
.apdu-entry.selected { background: var(--bg-input); }
|
||||
[data-theme="light"] .apdu-entry.selected { background: #dbeafe; }
|
||||
.apdu-entry.selected { background: var(--selected-bg); }
|
||||
.apdu-time { color: var(--text-muted); font-family: monospace; white-space: nowrap; min-width: 80px; }
|
||||
.apdu-type { color: var(--text); font-weight: 600; min-width: 150px; }
|
||||
.apdu-type.atr { color: var(--green); }
|
||||
|
||||
Reference in new issue
Block a user