🚧 Add dark mode toggle button

This commit is contained in:
James Panther
2021-10-29 11:15:00 +11:00
parent 35a35f5e32
commit 9d42b7be2b
6 changed files with 350 additions and 415 deletions
+18
View File
@@ -62,6 +62,24 @@
integrity="{{ $customStyles.Data.Integrity }}"
/>
{{ end }}
<script>
function loadPreferredScheme() {
if (localStorage.preferredScheme === 'dark' || (!('preferredScheme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
}
function setPreferredScheme(scheme) {
if (scheme == "default") {
localStorage.removeItem("preferredScheme");
} else {
localStorage.preferredScheme = scheme;
}
loadPreferredScheme();
}
loadPreferredScheme();
</script>
{{/* Icons */}}
{{ if templates.Exists "partials/favicons.html" }}
{{ partialCached "favicons.html" .Site }}