patek/patek.cz
9
0
Fork 0
Code Issues 4 Pull Requests 2 Packages Projects Releases Wiki Activity

Hopefully fix indentation #2

Browse Source
This commit is contained in:
Šimon Jan Šustek 2021-08-03 21:01:32 +02:00
parent c9195bd11d
commit 8ead6a8b9d
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
themes/patek/assets/js/dark-mode.js
View File

@ -1,28 +1,30 @@
function restoreDarkmode() { function restoreDarkmode() {
const prefersDarkMode = window.matchMedia("(prefers-color-scheme: dark)"); const prefersDarkMode = window.matchMedia("(prefers-color-scheme: dark)");
const elem = document.getElementById("content"); const elem = document.getElementById("content");
if(!document.cookie.includes("dark-mode=")) {
if (prefersDarkMode.matches) { if (!document.cookie.includes("dark-mode=")) {
elem.classList.add("dark-mode"); if (prefersDarkMode.matches) {
} elem.classList.add("dark-mode");
} }
if (elem && document.cookie.includes("dark-mode=on")) { }
elem.classList.add("dark-mode");
} if (elem && document.cookie.includes("dark-mode=on")) {
elem.classList.add("dark-mode");
}
} }
function toggleDarkmode() { function toggleDarkmode() {
const elem = document.getElementById("content"); const elem = document.getElementById("content");
if (elem) { if (elem) {
const state = elem.classList.toggle('dark-mode'); const state = elem.classList.toggle("dark-mode");
if (state) { if (state) {
// 31536000 = 1 year; not setting max-age would make it session bound // 31536000 = 1 year; not setting max-age would make it session bound
document.cookie = 'dark-mode=on; path=/; max-age=31536000; secure; samesite=strict'; document.cookie = "dark-mode=on; path=/; max-age=31536000; secure; samesite=strict";
} else { } else {
// We have to set the off preference as well, so it can override the OS setting // We have to set the off preference as well, so it can override the OS setting
document.cookie = 'dark-mode=off; path=/; max-age=31536000; secure; samesite=strict'; document.cookie = "dark-mode=off; path=/; max-age=31536000; secure; samesite=strict";
} }
} }
} }
document.addEventListener("DOMContentLoaded", restoreDarkmode); document.addEventListener("DOMContentLoaded", restoreDarkmode);