Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-10 08:58:15 +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-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: "Consolas";
src: url("./consolas.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");
}

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 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;
}
html {
font-family: var(--font-text);
font-size: 16px;
}
/*
* @description 侧边滚动条样式
* @since Alpha v0.1.3
*/
::-webkit-scrollbar {
width: 8px;
border-radius: 5px;
width: 8px;
border-radius: 5px;
}
::-webkit-scrollbar-track {
background: var(--scroll-bg);
box-shadow: inset 0 0 5px var(--scroll-bg);
border-radius: 5px;
background: var(--scroll-bg);
box-shadow: inset 0 0 5px var(--scroll-bg);
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background: #96979A;
border-radius: 5px;
background: #96979A;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
background: #555;
}
/* 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;
}