singlelink-co / Singlelink

The open-source Linktree alternative.
https://singlelink.co
GNU General Public License v3.0
550 stars 117 forks source link

Detect dark mode in browser and colour website accordingly. #273

Open RokeJulianLockhart opened 1 year ago

RokeJulianLockhart commented 1 year ago

https://stackoverflow.com/a/57795518/9731176

If you want to detect it from JS, you can use this code: ```js if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { // dark mode } ``` To watch for changes: ```js window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => { const newColorScheme = e.matches ? "dark" : "light"; }); ```

If implemented, allow the user to force browser theme preference over https://github.com/singlelink-co/Singlelink/issues/231#issue-1144804185.