engineering/make_post_sell
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity Actions

fix: MPS-24 — dark-mode wells washed pale by trans-blue.png overlay

Browse source 
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.
This commit is contained in:
russell@unturf.com 2026-05-18 06:33:17 -04:00
parent bc1c727a11
commit 52e6c57145
No known key found for this signature in database
1 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
make_post_sell/static/css/common.css
View file

@ -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 */