Dark light preference CSS!
<span>Prefered color scheme: </span> <span class="color-scheme"></span> <style> .color-scheme:after { content: 'unknown'; } @media (prefers-color-scheme: dark) { .color-scheme:after { content: 'dark'; } } @media (prefers-color-scheme: light) { .color-scheme:after { content: 'light'; } }
Prefered color scheme: