From c69874c5cba192b30ca782ddea5b0aa3129497a1 Mon Sep 17 00:00:00 2001 From: Ryan Malloy Date: Sat, 14 Feb 2026 20:49:34 -0700 Subject: [PATCH] Improve oscilloscope panel label contrast for accessibility Bump opacity on section labels, knob labels, brand text, and attribution bar. Slightly increase font sizes on smallest labels. Maintains vintage aesthetic while meeting readable contrast levels. --- docs/src/styles/oscilloscope.css | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/docs/src/styles/oscilloscope.css b/docs/src/styles/oscilloscope.css index f06caa0..cc33171 100644 --- a/docs/src/styles/oscilloscope.css +++ b/docs/src/styles/oscilloscope.css @@ -50,7 +50,7 @@ letter-spacing: 0.18em; text-transform: uppercase; color: var(--scope-label); - opacity: 0.75; + opacity: 0.9; } .scope-brand-model { @@ -60,7 +60,7 @@ letter-spacing: 0.08em; text-transform: uppercase; color: var(--scope-label); - opacity: 0.55; + opacity: 0.78; } /* ── CRT bay (recessed dark area) ────────────────────────── */ @@ -195,12 +195,12 @@ .scope-section-label { font-family: var(--sl-font-mono, ui-monospace, monospace); - font-size: 0.45rem; + font-size: 0.5rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--scope-label); - opacity: 0.6; + opacity: 0.88; line-height: 1; } @@ -232,11 +232,11 @@ .scope-knob-label { font-family: var(--sl-font-mono, ui-monospace, monospace); - font-size: 0.4rem; + font-size: 0.45rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--scope-label); - opacity: 0.5; + opacity: 0.78; line-height: 1; } @@ -372,8 +372,9 @@ .scope-attribution { font-family: var(--sl-font-mono, ui-monospace, monospace); - font-size: 0.45rem; - color: var(--scope-panel-dark); + font-size: 0.48rem; + color: var(--scope-label); + opacity: 0.72; line-height: 1.4; text-align: center; }