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

♻️ 首页颜色替换完成

Browse Source
This commit is contained in:
BTMuli
2023-09-01 20:39:52 +08:00
parent 386085f8c3
commit 6f22326a88
6 changed files with 110 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/assets/index.css
View File

@@ -22,13 +22,17 @@
--common-color-yellow: #fec90b;
--common-color-grey: #96979a;
--common-color-grey-2: #b3b3b3;
/* color white */
--tgc-white-1: #ffffff; /* normal white */
--tgc-white-2: #f0f1f6; /* Github mobile bg */
--tgc-white-3: #f6f8fa; /* Github web bg */
--tgc-white-4: #f4f6f7; /* Github web option */
/* color grey */
--tgc-white-5: #eff3f6; /* Miyoushe side bar */
--tgc-white-6: #f8f8f8; /* Miyoushe bottom bar */
--tgc-white-7: #f0f1f5; /* Miyoushe tag */
--tgc-white-8: #faf7e8; /* Genshin text */
--tgc-white-9: #ece5d8; /* Genshin text */
/* color dark */
--tgc-dark-1: #000000; /* normal dark */
@@ -37,15 +41,15 @@
--tgc-dark-4: #0d1117; /* Github web bg */
--tgc-dark-5: #161b22; /* Github web list nav */
--tgc-dark-6: #21262d; /* Github web btn bg */
--tgc-dark-7: #393b40; /* Genshin btn bg */
/* color other */
--tgc-green-1: #238636; /* Github web btn */
--tgc-blue-1: #3572a5; /* Github web lang bar */
--tgc-blue-2: #00aeec; /* Bilibili btn bg */
--tgc-blue-3: #4b5466; /* Genshin icon bg */
--tgc-green-1: #238636; /* Github web btn */
--tgc-pink-1: #fb7299; /* Bilibili btn bg */
/* text color */
--tgc-text-1: #faf7e8; /* Genshin color from ? */
--tgc-yellow: #ffcd0c; /* Genshin btn bg */
}
html {

10
src/assets/themes/dark.css
View File

@@ -14,7 +14,15 @@ html.dark {
--app-side-content: var(--tgc-white-4);
/* content */
--content-box-bg-1: var(--tgc-dark-5);
--box-bg-1: var(--tgc-dark-5);
--box-bg-2: var(--tgc-dark-6);
--box-bg-3: var(--tgc-dark-7);
/* text */
--box-text-1: var(--tgc-white-1);
--box-text-2: var(--tgc-white-2);
--box-text-3: var(--tgc-blue-1);
--box-text-4: var(--tgc-white-8);
/* box-shadow */
--common-shadow-1: rgb(255 255 255 / 10%);

20
src/assets/themes/default.css
View File

@@ -8,13 +8,21 @@
/* default(light) theme */
html.default {
/* app container */
--app-page-bg: var(--tgc-white-3);
--app-page-bg: var(--tgc-white-1);
--app-page-content: var(--tgc-dark-5); /* todo 这边直接反色，需要调整 */
--app-side-bg: var(--tgc-white-4);
--app-side-bg: var(--tgc-white-5);
--app-side-content: var(--tgc-dark-4);
/* content */
--content-box-bg-1: var(--tgc-white-4);
/* box container */
--box-bg-1: var(--tgc-white-3);
--box-bg-2: var(--tgc-white-7);
--box-bg-3: var(--tgc-white-9);
/* box text */
--box-text-1: var(--tgc-dark-5);
--box-text-2: var(--tgc-dark-2);
--box-text-3: var(--tgc-blue-2);
--box-text-4: var(--tgc-blue-3);
/* box-shadow */
--common-shadow-1: rgb(0 0 0 / 10%);
@@ -28,10 +36,6 @@ html.default {
--common-shadow-t-4: rgb(255 255 255 / 40%);
--common-shadow-t-8: rgb(255 255 255 / 80%);
/* box bg */
--common-bg-1: #faf7e8; /* 一级背景色 */
--common-bgt-1: #3d424b; /* 一级背景色对应的文本色 */
/* button */
--common-btn-bg-1: #fec90b; /* button 背景色 */
--common-btn-bgt-1: #5b738f; /* button 背景色对应的文本色 */