Change theme based on OS preferred color scheme
Allow the theme to change between default and dark based on the OS's preferred color scheme like so:
@media (prefers-color-scheme: dark) {
.day.dark-scheme { background: #333; color: white; }
.night.dark-scheme { background: black; color: #ddd; }
}
@media (prefers-color-scheme: light) {
.day.light-scheme { background: white; color: #555; }
.night.light-scheme { background: #eee; color: black; }
}
When dark mode is released for iOS and Android, I would love to see this offered there too.
Ari Birnbaum
shared this idea
-
Anonymous
commented
Seems this has since been implemented on the websites at least in Beta.
-
Anonymous
commented
This is very much a must have really.
-
William
commented
I just came here to vote for this because the new design adds themes, but doesn't let me pick a light and dark theme! I have my OS set to change light/dark theme when the sun rises and sets, and it grates a little that Protonmail was redesigned to include themes, but not to respect the CSS prefers-color-scheme media query!
-
Matei Stanca
commented
Absolutely this. It gets really annoying to have to change my ProtonMail theme every time I go out with my laptop and need to the light theme to be able to see anything in the bright light, and I'm already changing my Windows 10 colour scheme from dark to light, and other sites pick up on it.