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

Force dark theme

Browse Source
This commit is contained in:
Dave Gallant
2024-04-07 15:48:13 -04:00
parent 190e0b2835
commit f8d313309a
1 changed files with 1 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,32 +28,13 @@ function setCommentsTheme(theme) {
} }
function setTheme(theme) { function setTheme(theme) {
if (theme == "auto") {
theme = window.matchMedia("(prefers-color-scheme: light)").matches
? "light"
: "dark";
}
document.documentElement.setAttribute("data-theme", theme); document.documentElement.setAttribute("data-theme", theme);
setPrismTheme(theme); setPrismTheme(theme);
setCommentsTheme(theme); setCommentsTheme(theme);
} }
function toggleTheme(e) {
const theme = e.currentTarget.classList.contains("light--hidden")
? "light"
: "dark";
setTheme(theme);
saveTheme(theme);
}
// Initial load setTheme("dark");
setTheme(getTheme());
window
.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", (event) => {
setTheme(getTheme());
});
// This script is inlined in the <head> of the document, so we have to wait // This script is inlined in the <head> of the document, so we have to wait
// for the DOM content before can add event listeners to the toggle buttons // for the DOM content before can add event listeners to the toggle buttons