mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-14 09:38:13 +08:00
🎨 代码格式化
This commit is contained in:
@@ -6,21 +6,21 @@
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Genshin";
|
||||
src: url("./汉仪文黑-85W.ttf") format("truetype");
|
||||
font-family: "Genshin";
|
||||
src: url("./汉仪文黑-85W.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Genshin-Light";
|
||||
src: url("./汉仪文黑-55W.ttf") format("truetype");
|
||||
font-family: "Genshin-Light";
|
||||
src: url("./汉仪文黑-55W.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "JetBrians mono";
|
||||
src: url("./JetBrainsMono-Regular.ttf") format("truetype");
|
||||
font-family: "JetBrians mono";
|
||||
src: url("./JetBrainsMono-Regular.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "JetBrians mono Bold";
|
||||
src: url("./JetBrainsMono-Bold.ttf") format("truetype");
|
||||
font-family: "JetBrians mono Bold";
|
||||
src: url("./JetBrainsMono-Bold.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@@ -10,65 +10,64 @@
|
||||
@import url("themes/dark.css");
|
||||
|
||||
:root {
|
||||
/* font */
|
||||
--font-text: "JetBrians mono", "Genshin-Light", sans-serif;
|
||||
--font-title: "JetBrians mono Bold", "Genshin", serif;
|
||||
/* color */
|
||||
--common-color-white: #faf7e8;
|
||||
--common-color-black: #333333;
|
||||
--common-color-blue: #485466;
|
||||
--common-color-blue-2: #546d8b;
|
||||
--common-color-blue-3: #5b738f;
|
||||
--common-color-yellow: #fec90b;
|
||||
--common-color-grey: #96979a;
|
||||
--common-color-grey-2: #b3b3b3;
|
||||
/* font */
|
||||
--font-text: "JetBrians mono", "Genshin-Light", sans-serif;
|
||||
--font-title: "JetBrians mono Bold", "Genshin", serif;
|
||||
/* color */
|
||||
--common-color-white: #faf7e8;
|
||||
--common-color-black: #333333;
|
||||
--common-color-blue: #485466;
|
||||
--common-color-blue-2: #546d8b;
|
||||
--common-color-blue-3: #5b738f;
|
||||
--common-color-yellow: #fec90b;
|
||||
--common-color-grey: #96979a;
|
||||
--common-color-grey-2: #b3b3b3;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: var(--font-text);
|
||||
font-size: 16px;
|
||||
font-family: var(--font-text);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* @description 侧边滚动条样式
|
||||
* @since Alpha v0.2.1
|
||||
*/
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
border-radius: 5px;
|
||||
width: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #847c74; /* 夜灰 */
|
||||
border-radius: 5px;
|
||||
background: #847c74; /* 夜灰 */
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #c7d2d4; /* 鸥蓝 */
|
||||
border-radius: 5px;
|
||||
background: #c7d2d4; /* 鸥蓝 */
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* card action 内的按钮 */
|
||||
.card-btn {
|
||||
background: #4a5366;
|
||||
color: #ece5d8;
|
||||
border-radius: 50px;
|
||||
margin-left: 5px;
|
||||
background: #4a5366;
|
||||
color: #ece5d8;
|
||||
border-radius: 50px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.card-btn img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 5px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.card-dev-btn {
|
||||
background: #546d8b;
|
||||
color: #faf7e8;
|
||||
background: #546d8b;
|
||||
color: #faf7e8;
|
||||
}
|
||||
|
||||
.card-dev-btn img {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
@@ -28,11 +28,11 @@ html.dark {
|
||||
--content-text-1: #1e1e1e;
|
||||
--content-text-2: #faf7e8;
|
||||
--content-text-3: #e1e1e1;
|
||||
|
||||
|
||||
--btn-bg-1: #3b3d3b;
|
||||
--btn-bg-2: #e1e1e1;
|
||||
--btn-bg-3: #1e1e1e;
|
||||
--btn-text-1: #393b40;
|
||||
|
||||
--card-text-1: #393b40;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,7 +12,7 @@ html.default {
|
||||
--common-bg-4: rgb(0 0 0 / 40%);
|
||||
--common-bg-8: rgb(0 0 0 / 80%);
|
||||
|
||||
--common-text: var(--common-color-blue); /* title */
|
||||
--common-text: var(--common-color-blue); /* title */
|
||||
--common-text-2: var(--common-color-blue-2); /* text */
|
||||
--common-text-3: var(--common-color-blue-3); /* quote */
|
||||
|
||||
@@ -35,4 +35,4 @@ html.default {
|
||||
--btn-text-1: #faf7e8;
|
||||
|
||||
--card-text-1: #485466;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user