Detect system dark mode

Windows detect system dark mode

RegGetValueA - gets a value from the registry (winreg.h)
use it to retrieve this key:
HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Themes\Personalize\AppsUseLightTheme
res == ERROR_SUCCESS && data == 0 = dark mode
otherwise = light mode (1 is light and fallback should be light)

Detect system dark mode

/* Light mode, Dark mode is below... 
Standard is registered on W3C in Media Queries Level 5:
https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme
*/

@media (prefers-color-scheme: light) {
    body {
        background-color: white;
        color: black;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color: white;
    }
}

Source: stackoverflow.com

Detect system dark mode

/* Light mode */
@media (prefers-color-scheme: light) {
    body {
        background-color: white;
        color: black;
    }
}

Source: stackoverflow.com

Similar codes

74 votes329 views6 answers
Css rounded corners
CSS
4 votes353 views1 answer
Css text line in middle
CSS
0 vote355 views1 answer
If i forked and cloned a github repo can i change the name
CSS
0 vote333 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
3 votes336 views3 answers
Remove on click border
CSS
0 vote355 views2 answers
Add profile picture to a form in html and css
CSS
0 vote327 views1 answer
Text zentrieren
CSS
1 vote327 views2 answers
Media max height css
CSS
1 vote345 views1 answer
Zoom background image css
CSS
0 vote319 views1 answer
Css calc margin-top based on height?
CSS