From 52e6c57145d1547664d7dc577d313e2385e30e0f Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Mon, 18 May 2026 06:33:17 -0400 Subject: [PATCH] =?UTF-8?q?fix:=20MPS-24=20=E2=80=94=20dark-mode=20wells?= =?UTF-8?q?=20washed=20pale=20by=20trans-blue.png=20overlay?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Operator: the tag page's wells aren't coloured for dark mode. [data-theme=dark] .well set background-color: #2d3748 but then painted background-image: url(/static/img/trans-blue.png) — an 81-byte 1x1 tiled pixel — OVER it, washing the dark colour out everywhere generic .well is used (tag page, etc.). The edit-page wells looked right only because their more-specific rule uses the background: shorthand, which incidentally cleared the image. Fix: dark .well/.well2 now use background: shorthand (clears the legacy overlay) -> --surface-container (#21262d, a distinct elevated card vs the #0d1117 body) + a token border + soft elevation, consistent with the fixed edit-page wells. No test pins the old styling. CSS-only, cache-busted. --- make_post_sell/static/css/common.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index c9c76f3..a736f20 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -4991,11 +4991,15 @@ textarea { [data-theme="dark"] .well, [data-theme="dark"] .well2 { - background-color: var(--dark-button-bg, #2d3748); - background-image: url("/static/img/trans-blue.png"); - border: 2px solid #7ab9ff; - box-shadow: 0 0 10px rgba(122, 185, 255, 0.3); - color: var(--text-primary); + /* `background:` shorthand (not background-color) so it also clears + the legacy trans-blue.png overlay that washed dark wells pale — + the "degraded dark mode" the operator reported on the tag page. + --surface-container (#21262d) reads as a distinct elevated card + against the #0d1117 body; consistent with the edit-page wells. */ + background: var(--surface-container, #21262d); + border: 1px solid var(--border-light, #475569); + box-shadow: var(--elevation-1, 0 1px 3px rgba(0, 0, 0, 0.4)); + color: var(--text-primary, #fff); } /* Dark mode specific overrides for existing classes */