Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-05-18 04:56:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 完善昨天改的四个 common page

Browse Source
This commit is contained in:
BTMuli
2023-09-02 11:39:36 +08:00
parent b4b1e194d9
commit a8488c04f8
10 changed files with 85 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,31 +8,32 @@
/* dark mode */
html.dark {
/* app container */
--app-page-bg: var(--tgc-dark-4);
--app-page-bg: var(--tgc-dark-8);
--app-page-content: var(--tgc-white-3);
--app-side-bg: var(--tgc-dark-3);
--app-side-content: var(--tgc-white-4);
/* content */
--box-bg-1: var(--tgc-dark-5);
--box-bg-1: var(--tgc-dark-4);
--box-bg-2: var(--tgc-dark-6);
--box-bg-3: var(--tgc-dark-7);
--box-bg-4: var(--tgc-dark-7);
--box-bg-5: var(--tgc-dark-5);
/* box bg transparent */
--box-bg-t-1: var(--tgc-white-3);
--box-bg-t-4: var(--tgc-white-1);
/* 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-text-5: var(--tgc-yellow-1);
--box-text-6: var(--tgc-yellow-1);
--box-text-7: var(--tgc-white-9);
/* button */
--btn-text: var(--tgc-yellow-1);
--btn-bg-1: var(--tgc-dark-5);
--btn-text-1: var(--tgc-yellow-1);
/* box-shadow */
--common-shadow-1: rgb(255 255 255 / 10%);
--common-shadow-2: rgb(255 255 255 / 20%);
@@ -49,18 +50,11 @@ html.dark {
--common-bg-1: #3d424b; /* 一级背景色 */
--common-bgt-1: #faf7e8; /* 一级背景色对应的文本色 */
/* button */
--common-btn-bg-1: #282c34; /* button 背景色 */
--common-btn-bgt-1: #fec90b; /* button 背景色对应的文本色 */
--common-btn-bg-2: #2a3442; /* button 背景色 */
--common-btn-bgt-2: #ece5d8; /* button 背景色对应的文本色 */
/* text */
--common-text-title: #f9e9cd; /* title，米色 */
--common-text-title: var(--tgc-yellow-2); /* title，米色 */
--common-text-content: var(--common-color-white); /* text */
--common-text-quote: var(--common-color-grey); /* quote */
--common-text-quote: var(--tgc-dark-7); /* quote */
--calendar-btn-bg: #1e1e1e;
--back-top-shadow: #000000;
--theme-switch-icon: #e1e1e1;
--post-default-text: #faf7e8;
@@ -70,9 +64,4 @@ html.dark {
--content-text-2: #faf7e8;
--content-text-3: #e1e1e1;
--btn-bg-1: #3b3d3b;
--btn-bg-2: #e1e1e1;
--btn-bg-3: #1e1e1e;
--btn-text-1: #393b40;
}