From e8084357c3d9c1938eb92e553320c75e764a1b75 Mon Sep 17 00:00:00 2001 From: Logan Cusano Date: Sun, 25 Oct 2026 22:09:57 -0400 Subject: [PATCH] fix(map): keep muted popup text AA on Leaflet's white popups Token text-ink-muted is #8C98AE in dark mode, ~2.9:1 on the always-white popups (node, incident, path-stop, AIS, 511 camera). Scoped override to #5B6577 (~6:1). Found in tonight's regression review. Co-Authored-By: Claude Opus 5.5 --- drb-frontend/app/globals.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/drb-frontend/app/globals.css b/drb-frontend/app/globals.css index 9dcc7c2..372887b 100644 --- a/drb-frontend/app/globals.css +++ b/drb-frontend/app/globals.css @@ -199,6 +199,13 @@ html:not(.dark) .border-indigo-800 { border-color: #a5b4fc !important; } filter: invert(1) hue-rotate(180deg) brightness(0.9) contrast(0.9) saturate(0.6); } +/* Leaflet popups stay white in both themes (their body text is a fixed + * gray-900), so the theme's muted ink — light grey in dark mode, ~2.9:1 on + * white — is pinned to a grey that holds AA on white (~6:1). */ +.leaflet-popup-content .text-ink-muted { + color: #5B6577; +} + /* Pinned 511 camera tiles (MapView DotCameraLayer): strip Leaflet's tooltip * padding and let the tile's own theme colours show, so the tile is no bigger * than the video it holds. */