From d4eb792bde3ea76a94553d6953c3266536deda0d Mon Sep 17 00:00:00 2001 From: "prompt.ac/@jeffrey" Date: Thu, 21 May 2026 17:59:10 -0400 Subject: [PATCH] =?UTF-8?q?pop:=20fix=20theme=20readability=20=E2=80=94=20?= =?UTF-8?q?selects,=20textarea,=20now-playing=20label?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .demo-sel + textarea backgrounds were hardcoded #000, so their var(--ink) text went invisible on the light theme; both now use var(--bg). The jukebox now-playing bar stays a dark "screen", so its label/tag get fixed light colors instead of theme vars. Co-Authored-By: Claude Opus 4.7 (1M context) --- pop/demos.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/pop/demos.html b/pop/demos.html index 016a2f4774..9e89204cfb 100644 --- a/pop/demos.html +++ b/pop/demos.html @@ -82,7 +82,7 @@ .demo-num { color: var(--ink); min-width: 26px; } .demo-ctl input[type=range] { width: 92px; accent-color: var(--accent,#888); } .demo-sel { font: inherit; font-size: 10px; padding: 1px 4px; - background: #000; color: var(--ink); border: 1px solid var(--line); } + background: var(--bg); color: var(--ink); border: 1px solid var(--line); } .demo-status { font-size: 10px; color: var(--mute); min-height: 1.3em; white-space: pre-wrap; } .demo-out { @@ -93,7 +93,7 @@ .demo-err { color: #e0593f; font-size: 10.5px; } textarea { font: inherit; font-size: 10px; width: 100%; color: var(--ink); - background: #000; border: 1px solid var(--line); padding: 5px; + background: var(--bg); border: 1px solid var(--line); padding: 5px; } footer { text-align: center; font-size: 8px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mute); @@ -131,9 +131,9 @@ padding: 6px 10px; margin-bottom: 7px; } .db-now-tag { font-size: 7px; letter-spacing: 0.22em; text-transform: uppercase; - color: var(--mute); flex-shrink: 0; } + color: #8c8576; flex-shrink: 0; } .db-now-label { font-size: 11px; white-space: nowrap; flex-shrink: 0; - text-transform: uppercase; letter-spacing: 0.05em; } + text-transform: uppercase; letter-spacing: 0.05em; color: #ece6d6; } .db-jukebox-now audio { height: 30px; flex: 1; min-width: 150px; } .db-jukebox-list { border: 1px solid var(--line); } .db-jukebox-row { -- 2.51.2