From 91624833b8e18e158104756f9ac37218aec495ad Mon Sep 17 00:00:00 2001
From: alexanderdavide <alexeble1998@gmail.com>
Date: Thu, 17 Feb 2022 21:32:33 +0000
Subject: [PATCH] refactor: initialize theme with body class only
---
assets/js/anatole-theme-switcher.js | 16 ++++------------
1 files changed, 4 insertions(+), 12 deletions(-)
diff --git a/assets/js/anatole-theme-switcher.js b/assets/js/anatole-theme-switcher.js
index 7da3f46..cccb905 100644
--- a/assets/js/anatole-theme-switcher.js
+++ b/assets/js/anatole-theme-switcher.js
@@ -9,7 +9,6 @@
};
const setThemeStyle = (style) => {
- document.documentElement.setAttribute('data-theme', style);
localStorage.setItem('theme', style);
setThemeClass(style);
};
@@ -31,20 +30,13 @@
const initTheme = () => {
const currThemeStyle = getStoredThemeStyle();
- const userPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-
if (currThemeStyle) {
- document.documentElement.setAttribute('data-theme', currThemeStyle);
- setThemeClass(currThemeStyle);
+ setThemeStyle(currThemeStyle);
return;
}
- if (userPrefersDark) {
- setThemeStyle('dark');
- } else if (!document.documentElement.getAttribute('data-theme')) {
- setThemeStyle('light');
- } else {
- setThemeStyle(document.documentElement.getAttribute('data-theme'));
- }
+ const userPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+ if (!userPrefersDark) return;
+ setThemeStyle('dark');
};
document.addEventListener(
--
Gitblit v1.10.0