lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: modified localStorage Key for light/night toggle

This commit is contained in:
XPoet 2020-09-01 18:37:00 +08:00
parent e7c63b75c4
commit 620c3c7cc2
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
source/js/toggle-mode.js
View File

@ -1,11 +1,11 @@
/** /**
* 日间/夜间 模式切换 * 日间/夜间 模式切换
*/ */
const localStorageKey = 'MAGIC'
const modeToggleBtn = document.querySelector('.mode-toggle'); const modeToggleBtn = document.querySelector('.mode-toggle');
const iconDom = modeToggleBtn.querySelector('i'); const iconDom = modeToggleBtn.querySelector('i');
// const articleContent = document.querySelector('.article-content');
const articleContent = document.querySelector('.main-content'); const articleContent = document.querySelector('.main-content');
const modeConfig = JSON.parse(localStorage.getItem('ils_x')); const modeConfig = JSON.parse(localStorage.getItem(localStorageKey));
if (modeConfig) { if (modeConfig) {
if (modeConfig.prefersColorScheme === 'dark') { if (modeConfig.prefersColorScheme === 'dark') {
@ -47,7 +47,7 @@ const setItemUtil = (modeClass, prefersColorScheme) => {
iconDom.className = 'fa fa-lightbulb-o'; iconDom.className = 'fa fa-lightbulb-o';
articleContent.classList.add('night-code-theme'); articleContent.classList.add('night-code-theme');
} }
localStorage.setItem('ils_x', JSON.stringify( localStorage.setItem(localStorageKey, JSON.stringify(
{ {
prefersColorScheme: prefersColorScheme, prefersColorScheme: prefersColorScheme,
isDark: isDark isDark: isDark
@ -67,4 +67,4 @@ modeToggleBtn.addEventListener('click', function (e) {
setItemUtil('dark-mode', 'light'); setItemUtil('dark-mode', 'light');
} }
}); });