mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-04-02 06:45:08 +08:00
102 lines
2.4 KiB
SCSS
102 lines
2.4 KiB
SCSS
/**
|
|
* 全局样式文件
|
|
* @since Beta v0.9.9
|
|
*/
|
|
|
|
@use "fonts/index";
|
|
@use "themes/default";
|
|
@use "themes/dark";
|
|
@use "styles/sentry.custom";
|
|
|
|
:root {
|
|
/* font */
|
|
--font-text: "JetBrians mono", "Genshin-Light", sans-serif;
|
|
--font-title: "JetBrians mono Bold", "Genshin", serif;
|
|
|
|
/* color white */
|
|
--tgc-white-1: #ffffffff; /* normal white */
|
|
--tgc-white-2: #f0f1f6ff; /* Github mobile bg */
|
|
--tgc-white-3: #f6f8faff; /* Github web bg */
|
|
--tgc-white-4: #faf7e8ff; /* Genshin text */
|
|
--tgc-white-5: #ece5d8ff; /* Genshin text */
|
|
|
|
/* color dark */
|
|
--tgc-dark-1: #000000ff; /* normal dark */
|
|
--tgc-dark-2: #202020ff; /* Tauri app nav */
|
|
--tgc-dark-5: #161b22ff; /* Github web list nav */
|
|
--tgc-dark-7: #393b40ff; /* Genshin btn bg */
|
|
--tgc-dark-8: #121212ff; /* Github web bg */
|
|
|
|
/* color other */
|
|
--tgc-blue-1: #3572a5ff; /* Github web lang bar */
|
|
--tgc-blue-2: #00aeecff; /* Bilibili btn bg */
|
|
--tgc-blue-3: #4b5466ff; /* Genshin icon bg */
|
|
--tgc-pink-1: #fb7299ff; /* Bilibili btn bg */
|
|
--tgc-red-1: #e06c63ff; /* Mys bbs color */
|
|
--tgc-yellow-1: #ffcd0cff; /* Genshin btn bg */
|
|
--tgc-yellow-2: #f4d8a8ff; /* Genshin confirm text */
|
|
--tgc-yellow-3: #e0c06bff; /* Genshin btn border */
|
|
|
|
/* color one-dark */
|
|
--tgc-od-blue: #61afefff; /* one-dark blue */
|
|
--tgc-od-green: #98c379ff; /* one-dark green */
|
|
--tgc-od-orange: #d19a66ff; /* one-dark orange */
|
|
--tgc-od-white: #abb2bfff; /* one-dark white */
|
|
--tgc-od-red: #e06c75ff; /* one-dark red */
|
|
--tgc-od-purple: #c678ddff; /* one-dark purple */
|
|
|
|
/* some css same in dark and default theme */
|
|
--tgc-btn-1: var(--tgc-dark-7); /* button bg */
|
|
|
|
/** Some Comp ZIndex */
|
|
--tgi-top: 10;
|
|
--tgi-dialog: 100;
|
|
--tgi-geetest: 100;
|
|
--tgi-loading: 100;
|
|
--tgi-hyperlink: 100;
|
|
--tgi-snackbar: 9999;
|
|
}
|
|
|
|
/**
|
|
* 根 html 样式
|
|
* @since Beta v0.9.6
|
|
*/
|
|
|
|
html {
|
|
overflow: auto;
|
|
background: var(--app-page-bg);
|
|
font-family: var(--font-text) !important;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/*
|
|
* @description 侧边滚动条样式
|
|
* @since Beta v0.7.2
|
|
*/
|
|
|
|
::-webkit-scrollbar {
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
border-radius: 4px;
|
|
background: var(--common-shadow-2);
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
border-radius: 4px;
|
|
background: var(--common-shadow-2);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
min-height: 48px;
|
|
border-radius: 4px;
|
|
background: var(--app-scroll-bg);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--tgc-od-orange);
|
|
}
|