Stop the runtime theme sheet whitening the canvas on light-mode machines

Fixkamo-marketing
Ya
8 Agosti 2026, 02:16 UTC
Mwandishi
Kamo
Ahadi ya
e7e2480

DynamicMetaLoader appends theme.<domain>/css/globals.css to <head> after our own stylesheet, and that file still carries create-next-app boilerplate: :root{--background:#fff} plus a prefers-color-scheme:dark override. Loading later, it won the cascade, so any visitor whose OS was in light mode (Safari on stock macOS, most Windows) got a white page under white foreground text — /en/pricing was unreadable, since every panel there is a 2-8% white overlay. - pin --background/--foreground with !important and paint html/body from a literal so no injected or failed stylesheet can whiten the canvas; brand tokens stay themeable - give /en/pricing its own opaque dark surface instead of trusting the canvas - add -webkit-backdrop-filter beside all 72 unprefixed backdrop-filter uses; the unprefixed property only lands in Safari 18, so every glass panel was flat there - neutralize -webkit-text-fill-color under forced-colors so gradient-clipped headings do not render as invisible text in high-contrast modes - replace the dead **************** class name on the pricing comparison table with the real WebkitOverflowScrolling style

Mabadiliko yote

Je, unaona nini kuhusu usafiri?

Kila moja ya hizi updates ardhi katika nafasi yako ya kazi moja kwa moja. Kuanza bure na kuangalia kukua wiki baada ya wiki.

Kuwa Huru MileleMtazamo wa bei