style: run prettier after animal-crossing theme
This commit is contained in:
1
app.js
1
app.js
@@ -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)
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
25
style.css
25
style.css
@@ -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),
|
||||||
|
|||||||
9
theme.js
9
theme.js
@@ -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"
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user