dave/site
1
0
Fork 0
mirror of https://github.com/davegallant/davegallant.github.io.git synced 2025-08-06 08:43:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Only save theme when toggle is done

Browse Source
This commit is contained in:
Dave Gallant
2024-01-07 10:20:05 -05:00
parent 51bd556992
commit 5e3b2d2dce
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
themes/hugo-theme-gruvbox/assets/js/dark-mode.js
View File

@@ -3,6 +3,10 @@ function getTheme() {
// User preference
return localStorage.getItem("theme");
}
// Undefined
}
function getOSTheme() {
if (window.matchMedia) {
// OS preference
return window.matchMedia("(prefers-color-scheme: light)").matches
@@ -21,20 +25,28 @@ function setTheme(theme) {
const prismLight = document.getElementById("prism-light");
prismDark.toggleAttribute("disabled", theme === "light");
prismLight.toggleAttribute("disabled", theme === "dark");
}
// Store user preference
function saveTheme(theme) {
localStorage.setItem("theme", theme);
}
// Initial load
const theme = getTheme();
if (theme) setTheme(theme);
const osTheme = getOSTheme();
if (theme) {
setTheme(theme);
// Store user preference
} else if (osTheme) {
setTheme(osTheme);
}
function toggleTheme(e) {
const theme = e.currentTarget.classList.contains("light--hidden")
? "light"
: "dark";
setTheme(theme);
saveTheme(theme);
}
// This script is inlined in the <head> of the document, so we have to wait