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

♻️ 又改了一些页面样式

Browse Source
This commit is contained in:
BTMuli
2023-09-01 23:51:46 +08:00
parent 191fe57b36
commit 296350473a
7 changed files with 82 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/assets/index.css
View File

@@ -60,7 +60,7 @@ html {
/*
* @description 侧边滚动条样式
* @since Alpha v0.2.1
* @since Beta v0.3.0
*/
::-webkit-scrollbar {
width: 8px;
@@ -69,25 +69,16 @@ html {
::-webkit-scrollbar-track {
border-radius: 5px;
background: #faf7e8;
background: var(--common-shadow-2);
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #686868;
background: var(--common-shadow-2);
}
::-webkit-scrollbar-thumb:hover {
background: #606060;
}
/* dark mode */
.dark ::-webkit-scrollbar-track {
background: #424242;
}
.dark ::-webkit-scrollbar-thumb:hover {
background: #7b7b7b;
background: var(--common-shadow-4);
}
/* card action 内的按钮 */

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

@@ -18,8 +18,10 @@ html.dark {
--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 */
@@ -28,6 +30,8 @@ html.dark {
--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);
/* box-shadow */
--common-shadow-1: rgb(255 255 255 / 10%);

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

@@ -9,25 +9,29 @@
html.default {
/* app container */
--app-page-bg: var(--tgc-white-1);
--app-page-content: var(--tgc-dark-5); /* todo 这边直接反色，需要调整 */
--app-page-content: var(--tgc-dark-5);
--app-side-bg: var(--tgc-white-5);
--app-side-content: var(--tgc-dark-4);
/* box container */
--box-bg-1: var(--tgc-white-3);
--box-bg-1: var(--tgc-white-3); /* with box-text-1 */
--box-bg-2: var(--tgc-white-7);
--box-bg-3: var(--tgc-white-9);
--box-bg-4: var(--tgc-white-1);
--box-bg-5: var(--tgc-yellow-1); /* with box-text-6 */
/* box bg transparent */
--box-bg-t-4: var(--tgc-dark-7);
--box-bg-t-1: var(--tgc-dark-5);
--box-bg-t-4: var(--tgc-dark-7); /* with box-text-5 */
/* box text */
--box-text-1: var(--tgc-dark-5);
--box-text-1: var(--tgc-dark-5); /* with box-bg-1 */
--box-text-2: var(--tgc-dark-2);
--box-text-3: var(--tgc-blue-2);
--box-text-4: var(--tgc-blue-3);
--box-text-5: var(--tgc-yellow-2);
--box-text-4: var(--tgc-blue-3); /* subtitle */
--box-text-5: var(--tgc-yellow-2); /* with box-bg-t-4 */
--box-text-6: var(--tgc-blue-1); /* with box-bg-5 */
--box-text-7: var(--tgc-dark-7); /* quote */
/* box-shadow */
--common-shadow-1: rgb(0 0 0 / 10%);