Files
phoenix-ausblick/priv/static/js/dark-mode.js
Thelonius Kort ba2949a3bd Add eventlistener for change of day/night mode
And add a static js folder for js-files apart from the asset pipeline.
2023-02-05 20:14:06 +01:00

11 lines
482 B
JavaScript

function set_day_night_mode(){
// On page load or when changing themes, best to add inline in `head` to avoid FOUC
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
}
set_day_night_mode()
matchMedia('(prefers-color-scheme: dark)').addEventListener("change", set_day_night_mode)