Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature request] Add a theme option like "auto" to reset the theme to auto dark mode #1504

Open
myuki opened this issue Apr 17, 2021 · 3 comments
Labels
A-Theme Area: Theme A-UI Area: UI/UX of generated pages C-enhancement Category: Enhancement or feature request

Comments

@myuki
Copy link

myuki commented Apr 17, 2021

If change the theme manually, it can't be reset to auto dark mode that request the dark version of the site via the prefers-color-scheme CSS media query.

The desktop browser can reset the theme by manually delete the local storage which is really troublesome. Also, many mobile browsers can't just delete a specific website data. It should add a theme option like "auto" to reset the theme to auto dark mode.

@myuki myuki changed the title Can't reset theme to auto dark mode on web site Can't reset theme to auto dark mode on website Apr 17, 2021
@myuki myuki changed the title Can't reset theme to auto dark mode on website [Feature request] Add a theme option like "auto" to reset the theme to auto dark mode May 11, 2021
@ehuss ehuss added A-Theme Area: Theme A-UI Area: UI/UX of generated pages labels Jul 9, 2021
@vrslev
Copy link

vrslev commented Nov 18, 2022

Any progress on this?

@bragefuglseth
Copy link

When set to auto, I would really like if I didn't have to reload the page for it to apply either. It should just change instantly when I change between light/dark mode on my system :)

@atjn
Copy link

atjn commented Sep 21, 2024

I think you could make the theme picker even better by allowing the user to explicitly choose between "light", "dark", and "auto" mode. Then there can be a separate picker to choose which type of light theme, and which type of dark theme is preferred. Here is a mockup of what that could look like:

Light or dark mode:
[Always light] [Automatic] [Always dark]
Choose light theme: Choose dark theme:
[Light] [Coal]
[Rust] [Navy]
[Ayu]

@Dylan-DPC Dylan-DPC added the C-enhancement Category: Enhancement or feature request label Nov 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-Theme Area: Theme A-UI Area: UI/UX of generated pages C-enhancement Category: Enhancement or feature request
Projects
None yet
Development

No branches or pull requests

6 participants