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

Fixkamo-marketing
Shipped
August 8, 2026 at 2:16 AM UTC
Author
Kamo
Commit
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

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing