corpus.blog
42,805 blogs · 5,350,595 posts Claim your blog
Record · corpus.blog/posts/01a0fbe3-e62a-7098-90df-2d0b06402369

The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()

Bram.us – A rather geeky/technical weblog, est. 2001, by Bramus · published 9 October 2023

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at bram.us Wayback capture
5blogs citing
First cited
16 Oct 2023
Most recent
9 Apr 2026
Rank this month
not ranked
External links
24
Words captured
1,305

Cited by

Blog
In the post
Date
guilhermesimoes.github.io
Making dark mode play nicely with bfcache Read at the source ↗
9 Apr 2026
Tyler Gaw is a Designer & Engineer in New York City, USA
Browsers Should Have a Native Control for Per-Site Color Scheme Read at the source ↗
25 Mar 2026
mayank.co
CSS light-dark() Read at the source ↗
21 Dec 2024
12daysofweb.dev
CSS light-dark() Read at the source ↗
21 Dec 2024
Harsh Browns
The Conference Read at the source ↗
16 Oct 2023

Links from this post

Link
Host
https://drafts.csswg.org/css-color-5/
drafts.csswg.org
https://blog.jim-nielsen.com/2021/css-system-colors/
blog.jim-nielsen.com
https://github.com/w3c/csswg-drafts/issues/7561
github.com
https://www.w3.org/TR/css-syntax-3/
w3.org
https://github.com/w3c/csswg-drafts/issues/9660
github.com
https://drafts.csswg.org/css-color/
drafts.csswg.org
https://wicg.github.io/web-preferences-api/
wicg.github.io
https://en.wikipedia.org/wiki/Future-proof
en.wikipedia.org
https://drafts.csswg.org/css-color-adjust/
drafts.csswg.org
https://en.wikipedia.org/wiki/Syntactic_sugar
en.wikipedia.org
https://caniuse.com/mdn-css_types_color_light-dark
caniuse.com
https://codepen.io/bramus/pen/ExGrNVx/8087f9a9706b4efd52ef87f16f504ef2
codepen.io
https://codepen.io/bramus
codepen.io
https://codepen.io
codepen.io
https://bugs.chromium.org/p/chromium/issues/detail?id=1490618
bugs.chromium.org
https://bugzilla.mozilla.org/show_bug.cgi?id=1856999
bugzilla.mozilla.org
https://bugs.webkit.org/show_bug.cgi?id=262914
bugs.webkit.org
https://codepen.io/bramus/pen/LYMqRqV/8704297cfbc9e0a6bf843726a928c0e2
codepen.io
https://t.co/1rmGkKy2yl
t.co
https://twitter.com/bramus/status/1711488907014021267?ref_src=twsrc%5Etfw
twitter.com
https://bsky.app/profile/bram.us
bsky.app
https://x.com/bramus
x.com
https://front-end.social/@bramus
front-end.social
https://t.co/uzcTGPo8dY
t.co
Elsewhere on bram.us (3)