Authenticator-Extension / Authenticator

Authenticator generates 2-Step Verification codes in your browser.
https://authenticator.cc
MIT License
3.1k stars 730 forks source link

By default, extension theme matches system (browser) theme #722

Open rakleed opened 2 years ago

rakleed commented 2 years ago

Describe the feature you want: It would be nice if, by default, the theme of the extension matches the system (browser) theme.

Why do you want this feature in Authenticator? This is how most mobile and desktop applications and extensions work. And this is what most users expect.

Sneezry commented 2 years ago

prefers-color-scheme is a possible solution for this. https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

aceshigh1309 commented 1 year ago

.day { background: #eee; color: black; } .night { background: #333; color: white; }

@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; } }

.day, .night { display: inline-block; padding: 1em; width: 7em; height: 2em; vertical-align: middle; }