Dark mode on GitHub Docs

[heiskr]

Dark mode is now available on GitHub Docs! We'd love to hear your feedback on using dark mode on docs.github.com, so please share your experiences below. ✨

[gbrayut]

Any way to force this via a setting or UserCSS script? I assume it is using CSS media query feature prefers-color-scheme but that seems to be broken in some scenarios. When testing on my Linux desktop for instance Chrome incorrectly detects light and Firefox detects dark.

[0xdevalias]

Please enable a persistent toggle that allows us to set this outside of our OS settings, similar to how we can on github.com (though obviously would need to be stored in browser localStorage/a cookie/similar since there is no logged in account to tie it to on docs.github.com)

I like my OS dark, but my GH light.

[gbrayut]

Looks like things are controlled by two data attributes, which are easy to toggle via UserCSS scripts like this as a quick workaround for forcing dark/light mode until a persistent setting is released.

[heiskr]

Just pushed a change to match a cookie set from github.com, so if you change your options at https://github.com/settings/appearance then refresh the docs (its a HttpOnly cookie) you'll see your color mode preferences on the docs site as well.

[0xdevalias]

Amazing! Thankyou!

[guppy-jpf]

Just pushed a change to match a cookie set from github.com, so if you change your options at https://github.com/settings/appearance then refresh the docs (its a HttpOnly cookie) you'll see your color mode preferences on the docs site as well.

doesn't work (firefox 87.0; osx 12.4)
ff 104 ... looking ok! please disregard ...

[mytja]

I ❤️ it. It's very nice

[ShineyDev]

LGTM. GitHub Explore and family next?

[yeetus-skeetus]

I like it! Still a bit bright for my tastes, though. I'm a big fan of the dark mode on GitHub proper (it's just so clean) but this is pretty good too.

[edsummersnc]

Hrray! This feature is great for users with light sensitivity and other visual impairments.