diff --git a/css/about.css b/css/about.css index 8d78db2..5bedd0f 100644 --- a/css/about.css +++ b/css/about.css @@ -147,6 +147,14 @@ body { text-shadow: 0 0 10px var(--accent); } +[data-theme="day"] .icon-sun { + display: none; +} + +[data-theme="night"] .icon-moon { + display: none; +} + /* ========================================= 3. Navigation @@ -250,14 +258,6 @@ body { .action-btn:active { transform: translateY(0); } - - [data-theme="day"] .icon-sun { - display: none; - } - - [data-theme="night"] .icon-moon { - display: none; - } } /* ========================================= @@ -646,33 +646,6 @@ body { max-width: 100%; } -.mbti-tags .tag.tag-color-1 { - background: var(--gradient-1); - -webkit-background-clip: text; - background-clip: text; - color: transparent; -} - -.mbti-tags .tag.tag-color-2 { - background: var(--gradient-2); - -webkit-background-clip: text; - background-clip: text; - color: transparent; -} - -.mbti-tags .tag.tag-color-3 { - background: var(--gradient-3); - -webkit-background-clip: text; - background-clip: text; - color: transparent; -} - -.mbti-tags .tag.tag-color-4 { - background: var(--gradient-4); - -webkit-background-clip: text; - background-clip: text; - color: transparent; -} /* --- Tech Stack (PC) --- */ .area-tech { @@ -1479,14 +1452,6 @@ body { .action-btn:active { transform: translateY(0); } - - [data-theme="day"] .icon-sun { - display: none; - } - - [data-theme="night"] .icon-moon { - display: none; - } } /* ========================================= diff --git a/js/about.js b/js/about.js index 2a81531..69ca1ee 100644 --- a/js/about.js +++ b/js/about.js @@ -182,7 +182,7 @@ class ThemeManager { init() { let theme = getStoredTheme(); - if (theme === 'night') this.root.setAttribute('data-theme', 'night'); + if (theme) this.root.setAttribute('data-theme', theme); $('#theme-btn').toggleClass('is-active', theme === 'night'); const langForTitle = getStoredLanguage(); const titleText = theme === 'night' ? (langForTitle === 'zh' ? '白天模式' : 'Day') : (langForTitle === 'zh' ? '黑夜模式' : 'Night'); @@ -191,7 +191,7 @@ class ThemeManager { $('#theme-btn').on('click', () => { const curr = this.root.getAttribute('data-theme'); const next = curr === 'night' ? 'day' : 'night'; - if (next === 'night') this.root.setAttribute('data-theme', 'night'); + if (next) this.root.setAttribute('data-theme', next); else this.root.removeAttribute('data-theme'); setStoredTheme(next) $('#theme-btn').toggleClass('is-active', next === 'night');