Skip to content

Commit 610be08

Browse files
committed
[UPDATE] Respect user preference for dark mode
Change taken from coliff/dark-mode-switch#77 Related issues: * coliff/dark-mode-switch#26 * coliff/dark-mode-switch#38
1 parent a6967a8 commit 610be08

2 files changed

Lines changed: 10 additions & 5 deletions

File tree

assets/plugins/dark-mode-switch/dark-mode-switch.js

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,14 @@ window.addEventListener("load", function () {
2626
* @return {void}
2727
*/
2828
function initTheme() {
29-
var darkThemeSelected =
30-
localStorage.getItem("darkSwitch") !== null &&
31-
localStorage.getItem("darkSwitch") === "dark";
29+
var dt = window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null,
30+
ds=localStorage.getItem("darkSwitch"),
31+
darkThemeSelected =
32+
ds !== "light" &&
33+
ds === "dark";
34+
if(ds === null && dt !== null){
35+
darkThemeSelected=dt.matches;
36+
}
3237
darkSwitch.checked = darkThemeSelected;
3338
darkThemeSelected
3439
? document.body.setAttribute("data-theme", "dark")
@@ -47,6 +52,6 @@ function resetTheme() {
4752
localStorage.setItem("darkSwitch", "dark");
4853
} else {
4954
document.body.removeAttribute("data-theme");
50-
localStorage.removeItem("darkSwitch");
55+
localStorage.setItem("darkSwitch", "light");
5156
}
5257
}

assets/plugins/dark-mode-switch/dark-mode-switch.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)