Utilize "prefers-color-scheme" to set default theme

boopathikumar018 / docsify-darklight-theme

A Dark and Light theme with switch for your docsify site

https://docsify-darklight-theme.boopathikumar.me

MIT License

142 stars 50 forks source link

Utilize "prefers-color-scheme" to set default theme #25

Open crutchcorn opened 3 years ago

crutchcorn commented 3 years ago

Many users set their light/dark mode theme in their operating system.

By using prefers-color-scheme, we can set the default site theme to match with the expected theme.

Windows 10/11, macOS, Android, iOS, and many Linux distributions all support this functionality

crutchcorn commented 3 years ago

Oh, apologies - it seems that this is currently supported on first page load. However, on subsequent page refreshes (even if manually not set), it doesn't change.

Might be nice to have detection to see if manually set or not