From a5b0655623dc92a1e783b69aa2ef5eee96fad0f0 Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Fri, 7 Aug 2026 22:51:16 -0400 Subject: [PATCH] Light mode: status dropdown no longer renders dark (#19) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Two separate causes, both light-mode-only: 1. base.css `.lt-select` sets `color-scheme: dark` on the element itself, which outranks the `color-scheme: light` the light theme sets on , so the native dropdown popup kept dark chrome. The option list is also hardcoded #0d1117/#c9d1d9 with no light override. Fixed with light overrides for both (synced from web_template, where the same fix landed as 378a8cd). 2. ticket.css coloured the status select with var(--lt-success), --lt-amber, --lt-cyan and --lt-danger — none of which are defined anywhere in the project, so all four always fell through to hardcoded neon fallbacks. Now uses the --accent-* tokens, which carry the same hues and are redefined for light mode. The selectors also lead with .lt-select: at two classes they lost to base.css's `html[data-theme="light"] .lt-select` (0,2,1) and every status was repainted near-black in light mode. Verified with computed styles in headless chromium — all four statuses in both themes (8/8), plus the popup colour-scheme and option colours. --- assets/css/base.css | 19 +++++++++++++++++++ assets/css/ticket.css | 16 ++++++++++++---- 2 files changed, 31 insertions(+), 4 deletions(-) diff --git a/assets/css/base.css b/assets/css/base.css index 53919ae..d238799 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -3737,6 +3737,25 @@ html[data-theme="light"] .lt-textarea:focus-visible { border-color: var(--accent-cyan); box-shadow: var(--box-glow-cyan); } + +/* Native