@VegieSchnitzel @hahny93 @wordt @Jira Just to be sure everyone sees the answer, dark mode is very much on their rad..twitter.com/i/web/status/1…Jt
@jipfr Yeah, I know… The irony isn’t lost on me. The truth is: it’s a little involved (it’s a@eleven_tyty site thattwitter.com/i/web/status/1…5v2w
@itsmeandresito And some more inspiration material: web.dev/prefers-color-….
@jipfr And it’s great :-) web.dev/prefers-color-…
@VegieSchnitzel @hahny93 @wordt Hello @Jira, your users are requesting you to support `prefers-color-scheme` (..twitter.com/i/web/status/1…fb
@_preventDefault Mine, too :-) web.dev/prefers-color-…
@uxjw You can always use `prefers-color-scheme` as a progressive enhancement: web.dev/prefers-color-…. Actually, `<..twitter.com/i/web/status/1…js
@Mustafa_x @Paul_Kinlan The stylesheet could dynamically add:
“`css
a[href^=”paywall.example.com”] {
pointe..twitter.com/i/web/status/1…N3
@ericlaw @tbaldauf Yeah, if you could quantify this somehow (maybe in a @trivago_tech blog post), that’d be awesome.
@K57837 @imperavi This would be a great feature for a WYSIWYG editor to support. More background: web.dev/prefers-color-….
@onirenaud In case you need inspiration how to use it: web.dev/prefers-color-….
@scottdejonge @googlechrome That’s a neat implementation. Just as you slightly darken your top navigation, consider..twitter.com/i/web/status/1…XL
@SimonXCIV Check out the source code of dark-mode-baseline.glitch.me. You can change it dynamically: glitch.com/edit/#!/dark-m….
@SimonXCIV That’s pretty solid already! 👏 Here’s an idea for your images: web.dev/prefers-color-….
@QbixApps @jcesarmobile @gabrielstuff @HCornflower @ChromiumDev @webkit Wow. I have just added this to the bug to h..twitter.com/i/web/status/1…Kk
@_gyochan_ Haha, it is as if they composed this song envisioning `prefers-color-scheme`. Heroes!
@doubledropout Und bei Interesse noch mehr Lesestoff zum Thema: web.dev/prefers-color-….
@mus_ln And in case you need even more reading material: web.dev/prefers-color-….
@sakimori Yes, “light” or “dark”, but also “no-preference”: web.dev/prefers-color-….
@dtroode @googlechrome Finally :-) And it’s in good company with other browsers: web.dev/prefers-color-….
@kamataryo_ You can find out if a browser understands `prefers-color-scheme` by checking `(window.matchMedia(‘(pref..twitter.com/i/web/status/1…MS
@tofutechxyz @Media And to detect changes via JavaScript: web.dev/prefers-color-….
@clockmaker Apart from Windows and macOS (and iOS), this also works on Linux 🐧: web.dev/prefers-color-….
@soichiro_nitta I think the logic can be kept in JavaScript, but the look and feel should be in CSS: web.dev/prefers-color-….
@dreamroot46 Here are some tips back from #frokan: twitter.com/tomayac/status….
@_unshift Love the toggle switches. An idea to simplify them is to combine the two into just one:..twitter.com/i/web/status/1…jR
@Te___24 @Media And via JavaScript: `window.matchMedia(‘(prefers-color-scheme: dark)’).matches`
web.dev/prefers-color-…
@psephopaiktes Like the dark mode on your blog hirata.blog. Here’s an idea for your images:..twitter.com/i/web/status/1…a1
@_gyochan_ That’s a nice demo. Here’re some more tips that you might find valuable: web.dev/prefers-color-….
@gentsuji @Media I like the concept of the light bulb 💡 to symbolize dark mode. Actually that’s what I propose in m..twitter.com/i/web/status/1…OI
@dkrk0901 There are several: web.dev/prefers-color-…. 👍
@tak_dcxi Here’re some more tips on how to work with the media query: web.dev/prefers-color-… 🌒
@sho_yamane And with `(window.matchMedia(‘(prefers-color-scheme)’).media !== ‘not all’)` you can find out if the br..twitter.com/i/web/status/1…eQ
@3tsukiha_ In case you’re interested, I have collected all I know about `prefers-color-scheme` in this article: web.dev/prefers-color-…. 🌒
@autiomaa @jsmithdev In case you’re interested, I have collected everything I know about dark mode in this article:..twitter.com/i/web/status/1…5c