From d6ae00073f417a5addac6c8242a67e003e879b44 Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Sun, 17 May 2026 11:13:36 -0400 Subject: [PATCH] =?UTF-8?q?fix:=20MPS-24=20=E2=80=94=20edit-page=20well=20?= =?UTF-8?q?dark-mode=20color=20(was=20glaring=20white)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Operator: a .well on the product edit page lost its dark-mode color in a recent upgrade that improved light mode. div.edit-page > section.well2 used var(--surface, #fff) and var(--color-border, #eee) — but neither --surface nor --color-border is a real token in tokens.css, so BOTH fell back to the light literals (#fff/#eee) in dark mode too -> white cards on the dark edit page. Switched to --surface-base (#FFFFFF light / #0d1117 dark) and --border-light (#eeeeee light / #5599dd dark): light mode is byte-for- byte identical, dark mode now correct. CSS-only, cache-busted. --- make_post_sell/static/css/common.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index 1c647e0..c9c76f3 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -2296,10 +2296,15 @@ div.edit-page textarea.mps-content-description { border accent, and a subtle hover lift. The goal: each section reads as a discrete step the owner can act on. */ div.edit-page > section.well2 { - background: var(--surface, #fff); + /* --surface / --color-border are NOT real tokens, so these used to + fall back to the light literals (#fff / #eee) in dark mode too — + glaring white cards on the dark edit page. --surface-base and + --border-light DO have dark values (#0d1117 / #5599dd) and keep + the light-mode look identical (#FFFFFF / #eeeeee). */ + background: var(--surface-base, #fff); border-radius: var(--radius-lg, 12px); box-shadow: var(--elevation-1, 0 1px 3px rgba(0,0,0,0.06)); - border: 1px solid var(--color-border, #eee); + border: 1px solid var(--border-light, #eee); transition: box-shadow var(--motion-fast, 150ms) ease, transform var(--motion-fast, 150ms) ease; }