mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-14 09:38:13 +08:00
80 lines
1.4 KiB
CSS
80 lines
1.4 KiB
CSS
/*
|
|
* @file assets index.css
|
|
* @description 全局样式文件
|
|
* @author BTMuli <bt-muli@outlook.com>
|
|
* @since Alpha v0.2.0
|
|
*/
|
|
|
|
@import "fonts/index.css";
|
|
@import url("themes/default.css");
|
|
@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;
|
|
}
|
|
|
|
html {
|
|
font-family: var(--font-text);
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
/*
|
|
* @description 侧边滚动条样式
|
|
* @since Alpha v0.1.3
|
|
*/
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--scroll-bg);
|
|
box-shadow: inset 0 0 5px var(--scroll-bg);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #96979A;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
|
|
/* card action 内的按钮 */
|
|
.card-btn {
|
|
background: #4a5366;
|
|
color: #ece5d8;
|
|
border-radius: 50px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.card-btn img {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 5px;
|
|
}
|
|
|
|
.card-dev-btn {
|
|
background: #546d8b;
|
|
color: #faf7e8;
|
|
}
|
|
|
|
.card-dev-btn img {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|