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() || ""
|
||||
}
|
||||
|
||||
|
||||
const initialTheme = getInitialTheme()
|
||||
setTheme(initialTheme)
|
||||
|
||||
|
||||
@@ -42,9 +42,7 @@
|
||||
<li role="option" data-value="cyberpunk" aria-selected="false">
|
||||
Cyberpunk
|
||||
</li>
|
||||
<li role="option" data-value="nord" aria-selected="false">
|
||||
Nord
|
||||
</li>
|
||||
<li role="option" data-value="nord" aria-selected="false">Nord</li>
|
||||
<li role="option" data-value="animal-crossing" aria-selected="false">
|
||||
动森
|
||||
</li>
|
||||
@@ -113,7 +111,10 @@
|
||||
<div class="container">
|
||||
<main class="main">
|
||||
<h1 class="title" data-i18n="appTitle">
|
||||
物联网专业の在线学习平台<span class="title-cursor" aria-hidden="true"></span>
|
||||
物联网专业の在线学习平台<span
|
||||
class="title-cursor"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
</h1>
|
||||
<div class="grid" id="sites"></div>
|
||||
</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;
|
||||
}
|
||||
|
||||
|
||||
html[data-design-theme="cyberpunk"] .title-cursor {
|
||||
display: none;
|
||||
}
|
||||
@@ -1419,7 +1418,12 @@ html[data-design-theme="nord"] {
|
||||
|
||||
--page-gradient: #2e3440;
|
||||
--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-border: rgba(76, 86, 106, 0.6);
|
||||
@@ -1439,7 +1443,12 @@ html[data-theme="dark"][data-design-theme="nord"] {
|
||||
|
||||
--page-gradient: #2e3440;
|
||||
--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-border: rgba(76, 86, 106, 0.6);
|
||||
@@ -1463,7 +1472,12 @@ html[data-theme="light"][data-design-theme="nord"] {
|
||||
|
||||
--page-gradient: #eceff4;
|
||||
--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-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;
|
||||
}
|
||||
|
||||
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);
|
||||
box-shadow:
|
||||
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 THEME_BEFORE_FORCED_KEY = "themeBeforeForcedDark"
|
||||
|
||||
|
||||
Reference in New Issue
Block a user