Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-11 09:08:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

🍱 字体文件变更

Browse Source
This commit is contained in:
BTMuli
2023-06-13 23:53:34 +08:00
parent f74c803b5d
commit 2ee485660f
5 changed files with 58 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/fonts/JetBrainsMono-Bold.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/JetBrainsMono-Regular.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/consolas.ttf
View File

Binary file not shown.

27
src/assets/fonts/index.css
View File

@@ -1,13 +1,26 @@
/* 设置全局字体 */ /*
* @file assets fonts index.css
* @description 字体样式文件
* @author BTMuli <bt-muli@outlook.com>
* @since Alpha v0.2.0
*/
@font-face { @font-face {
font-family: "Genshin"; font-family: "Genshin";
src: url("./汉仪文黑-85W.ttf") format("truetype"); src: url("./汉仪文黑-85W.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: "Genshin-Light"; font-family: "Genshin-Light";
src: url("./汉仪文黑-55W.ttf") format("truetype"); src: url("./汉仪文黑-55W.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: "Consolas"; font-family: "JetBrians mono";
src: url("./consolas.ttf") format("truetype"); src: url("./JetBrainsMono-Regular.ttf") format("truetype");
}
@font-face {
font-family: "JetBrians mono Bold";
src: url("./JetBrainsMono-Bold.ttf") format("truetype");
} }

57
src/assets/index.css
View File

@@ -1,51 +1,70 @@
/*
* @file assets index.css
* @description 全局样式文件
* @author BTMuli <bt-muli@outlook.com>
* @since Alpha v0.2.0
*/
@import "fonts/index.css"; @import "fonts/index.css";
@import url("themes/default.css"); @import url("themes/default.css");
@import url("themes/dark.css"); @import url("themes/dark.css");
:root {
/* font */
--font-text: "JetBrians mono", "Genshin-Light", sans-serif;
--font-title: "JetBrians mono Bold", "Genshin", serif;
}
html {
font-family: var(--font-text);
font-size: 16px;
}
/* /*
* @description 侧边滚动条样式 * @description 侧边滚动条样式
* @since Alpha v0.1.3 * @since Alpha v0.1.3
*/ */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;
border-radius: 5px; border-radius: 5px;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: var(--scroll-bg); background: var(--scroll-bg);
box-shadow: inset 0 0 5px var(--scroll-bg); box-shadow: inset 0 0 5px var(--scroll-bg);
border-radius: 5px; border-radius: 5px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: #96979A; background: #96979A;
border-radius: 5px; border-radius: 5px;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: #555; background: #555;
} }
/* card action 内的按钮 */ /* card action 内的按钮 */
.card-btn { .card-btn {
background: #4a5366; background: #4a5366;
color: #ece5d8; color: #ece5d8;
border-radius: 50px; border-radius: 50px;
margin-left: 5px; margin-left: 5px;
} }
.card-btn img { .card-btn img {
width: 20px; width: 20px;
height: 20px; height: 20px;
margin: 5px; margin: 5px;
} }
.card-dev-btn { .card-dev-btn {
background: #546d8b; background: #546d8b;
color: #faf7e8; color: #faf7e8;
} }
.card-dev-btn img { .card-dev-btn img {
width: 18px; width: 18px;
height: 18px; height: 18px;
} }