Skip to content
This repository has been archived by the owner on Jun 20, 2020. It is now read-only.

Support for OS dark mode toggle #78

Open
Dave-Snigier opened this issue Apr 19, 2020 · 1 comment
Open

Support for OS dark mode toggle #78

Dave-Snigier opened this issue Apr 19, 2020 · 1 comment

Comments

@Dave-Snigier
Copy link

Dave-Snigier commented Apr 19, 2020

WIth MacOS, IOS, and Android support for dark mode and the prefers-color-scheme CSS media query, it would be great if this script would respect those settings if set.

The behavior I was thinking is:
prefers-color-scheme == light --> Disable dark mode related styling, but keep other tweaks enabled
prefers-color-scheme == dark --> Enable dark mode related styling
prefers-color-scheme == false (unset) --> Enable dark mode related styling

Ideally, there would be a feature toggle which could override the OS setting.

Mozilla - prefers-color-scheme
prefers-color-scheme: Hello darkness, my old friend

Thoughts? Thanks for the great project!

@the-j0k3r
Copy link
Member

I have a userCSS for this, its a work in progress and will be posted in https://github.com/StylishThemes/Feature-Override-Styles

Also for better user experience I recommend stylus + github dark and not github dark script, the latter doesnt support multiple @moz-doc sections and its needed.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants