style: run prettier after animal-crossing theme

This commit is contained in:
2026-05-18 03:37:24 -06:00
parent d015363430
commit d1ccf962ea
4 changed files with 33 additions and 11 deletions

1
app.js
View File

@@ -188,7 +188,6 @@ export function initApp() {
titleEl.dataset.text = titleEl.textContent?.trim() || "" titleEl.dataset.text = titleEl.textContent?.trim() || ""
} }
const initialTheme = getInitialTheme() const initialTheme = getInitialTheme()
setTheme(initialTheme) setTheme(initialTheme)

View File

@@ -42,9 +42,7 @@
<li role="option" data-value="cyberpunk" aria-selected="false"> <li role="option" data-value="cyberpunk" aria-selected="false">
Cyberpunk Cyberpunk
</li> </li>
<li role="option" data-value="nord" aria-selected="false"> <li role="option" data-value="nord" aria-selected="false">Nord</li>
Nord
</li>
<li role="option" data-value="animal-crossing" aria-selected="false"> <li role="option" data-value="animal-crossing" aria-selected="false">
动森 动森
</li> </li>
@@ -113,7 +111,10 @@
<div class="container"> <div class="container">
<main class="main"> <main class="main">
<h1 class="title" data-i18n="appTitle"> <h1 class="title" data-i18n="appTitle">
物联网专业の在线学习平台<span class="title-cursor" aria-hidden="true"></span> 物联网专业の在线学习平台<span
class="title-cursor"
aria-hidden="true"
></span>
</h1> </h1>
<div class="grid" id="sites"></div> <div class="grid" id="sites"></div>
</main> </main>

View File

@@ -921,7 +921,6 @@ html[data-design-theme="cyberpunk"] .title {
animation: cyberpunk-rgbShift 4.5s ease-in-out infinite; animation: cyberpunk-rgbShift 4.5s ease-in-out infinite;
} }
html[data-design-theme="cyberpunk"] .title-cursor { html[data-design-theme="cyberpunk"] .title-cursor {
display: none; display: none;
} }
@@ -1419,7 +1418,12 @@ html[data-design-theme="nord"] {
--page-gradient: #2e3440; --page-gradient: #2e3440;
--page-texture: none; --page-texture: none;
--title-gradient: linear-gradient(135deg, #88c0d0 0%, #81a1c1 50%, #5e81ac 100%); --title-gradient: linear-gradient(
135deg,
#88c0d0 0%,
#81a1c1 50%,
#5e81ac 100%
);
--control-bg: rgba(59, 66, 82, 0.85); --control-bg: rgba(59, 66, 82, 0.85);
--control-border: rgba(76, 86, 106, 0.6); --control-border: rgba(76, 86, 106, 0.6);
@@ -1439,7 +1443,12 @@ html[data-theme="dark"][data-design-theme="nord"] {
--page-gradient: #2e3440; --page-gradient: #2e3440;
--page-texture: none; --page-texture: none;
--title-gradient: linear-gradient(135deg, #88c0d0 0%, #81a1c1 50%, #5e81ac 100%); --title-gradient: linear-gradient(
135deg,
#88c0d0 0%,
#81a1c1 50%,
#5e81ac 100%
);
--control-bg: rgba(59, 66, 82, 0.85); --control-bg: rgba(59, 66, 82, 0.85);
--control-border: rgba(76, 86, 106, 0.6); --control-border: rgba(76, 86, 106, 0.6);
@@ -1463,7 +1472,12 @@ html[data-theme="light"][data-design-theme="nord"] {
--page-gradient: #eceff4; --page-gradient: #eceff4;
--page-texture: none; --page-texture: none;
--title-gradient: linear-gradient(135deg, #5e81ac 0%, #81a1c1 50%, #88c0d0 100%); --title-gradient: linear-gradient(
135deg,
#5e81ac 0%,
#81a1c1 50%,
#88c0d0 100%
);
--control-bg: rgba(229, 233, 240, 0.85); --control-bg: rgba(229, 233, 240, 0.85);
--control-border: rgba(216, 222, 233, 0.8); --control-border: rgba(216, 222, 233, 0.8);
@@ -1770,7 +1784,8 @@ html[data-theme="dark"][data-design-theme="animal-crossing"] .card:focus p {
color: #c8deb8; color: #c8deb8;
} }
html[data-theme="dark"][data-design-theme="animal-crossing"] .design-theme-list { html[data-theme="dark"][data-design-theme="animal-crossing"]
.design-theme-list {
background: rgba(22, 36, 22, 0.9); background: rgba(22, 36, 22, 0.9);
box-shadow: box-shadow:
0 12px 30px rgba(0, 0, 0, 0.55), 0 12px 30px rgba(0, 0, 0, 0.55),

View File

@@ -1,4 +1,11 @@
const DESIGN_THEMES = ["fluent", "material-you", "terminal", "cyberpunk", "nord", "animal-crossing"] const DESIGN_THEMES = [
"fluent",
"material-you",
"terminal",
"cyberpunk",
"nord",
"animal-crossing",
]
const FORCED_DARK_DESIGN_THEMES = new Set(["terminal", "cyberpunk"]) const FORCED_DARK_DESIGN_THEMES = new Set(["terminal", "cyberpunk"])
const THEME_BEFORE_FORCED_KEY = "themeBeforeForcedDark" const THEME_BEFORE_FORCED_KEY = "themeBeforeForcedDark"