TGViewer
Front End World Front End World @front_end_first · 25.8K subscribers
Post #6657 1.39K
Inverted themes with light-dark()

We rolled out adaptive light-dark() support on our design system themes and it’s been a delightful upgrade. Creating light and dark variable sets isn’t difficult, but delivery has trade-offs. Most apps that do this probably ship both sets of token values in a single stylesheet. That’s fine until you have multiple kilobytes of duplicate definitions. To get around the performance problems we built two separate stylesheets –which is also n

https://daverupert.com/2026/04/inverted-light-dark/
Dave Inverted themes with light-dark() We rolled out adaptive light-dark() support on our design system themes and it’s been a delightful upgrade. Creating light and dark variable sets isn’t difficult, but delivery has trade-offs. Most apps that do this probably ship both sets of token values…
More from @front_end_first
  1. Oct 16, 2026CSS does your tooltip positioning now CSS can now handle tooltip and dropdown positioning…
  2. Oct 16, 2026Bootstrap 6 Alpha Today we’re releasing the first alpha version of Bootstrap 6, a major ov…
  3. Oct 15, 2026A visual notation for React’s parent and owner trees Introducing a visual notation for sho…
  4. Oct 15, 2026Astro Tutorial: Make a Static Site with Interactive Components This Astro tutorial shows h…
  5. Oct 15, 2026React’s New browser API: Rendering Components Only in the Browser Learn how React’s new Ca…
  6. Oct 14, 2026Why has Shopify dropped React Native? It’s only been a year since the e-commerce platform…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →