diff --git a/decnet_web/src/components/MazeNET/MazeNET.css b/decnet_web/src/components/MazeNET/MazeNET.css index 22e36e73..8b9aa69c 100644 --- a/decnet_web/src/components/MazeNET/MazeNET.css +++ b/decnet_web/src/components/MazeNET/MazeNET.css @@ -199,6 +199,14 @@ body.maze-fullscreen .maze-shell { opacity: 0.42; filter: grayscale(0.7); border-style: dotted; } .maze-net-box.inactive .maze-net-box-head { color: var(--fg-3); } +/* In light mode 0.42 + grayscale on cream makes inactive LANs + * disappear into the page. Keep the dotted border as the "no + * traffic" signal but bump opacity so the header is still + * legible. */ +html[data-theme="light"] .maze-net-box.inactive { + opacity: 0.85; + filter: none; +} /* Optimistic placeholder for an enqueued LAN-add. Amber tint matches * the REAP button voice — clearly "in-flight, not committed" without * collapsing into the dimmed-out 'inactive' style which means the diff --git a/decnet_web/src/index.css b/decnet_web/src/index.css index a5f4ba15..3bf63983 100644 --- a/decnet_web/src/index.css +++ b/decnet_web/src/index.css @@ -19,6 +19,8 @@ --accent-color: var(--violet); --secondary-color: var(--panel); --border-color: var(--border); + --dim-color: var(--fg-3); /* dimmed body text (~60-70% of base) */ + --danger-color: var(--alert); /* red icon/text — was undefined, fell back to #f88 */ /* Cyan/info — REPLAY buttons, neutral status that's neither * "good/active" (matrix) nor "stop" (alert). */ @@ -152,9 +154,9 @@ html[data-theme="light"] { --crit: #b91c1c; /* matches alert in light, distinct in dark */ --fg-1: var(--matrix); - --fg-2: rgba(13, 13, 13, 0.78); - --fg-3: rgba(13, 13, 13, 0.55); - --fg-4: rgba(13, 13, 13, 0.35); + --fg-2: rgba(13, 13, 13, 0.88); /* near-ink — bumped from dark's 0.80 */ + --fg-3: rgba(13, 13, 13, 0.70); /* dim ink — bumped from 0.55 */ + --fg-4: rgba(13, 13, 13, 0.50); /* faint ink — bumped from 0.35 */ --matrix-tint-5: rgba(13, 13, 13, 0.04); --matrix-tint-10: rgba(13, 13, 13, 0.08);