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

0 vote190 views1 answer
Css font family narrow fonts
CSS
9 votes199 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
0 vote218 views1 answer
Css make all text center
CSS
12 votes170 views5 answers
How to update the object value of any array key based on value
CSS
0 vote161 views1 answer
Remove background when autofill input css
CSS
-1 vote171 views2 answers
How to add image with url in css
CSS
0 vote188 views1 answer
To make card box appear more bigger when hover
CSS
37 votes165 views4 answers
Select even child css
CSS
174 votes177 views6 answers
Css background image
CSS
9 votes186 views2 answers
Css percent scale checkbox
CSS