♻️ 样式调整，慢慢改吧

src/assets/index.css

@@ -2,7 +2,7 @@
  * @file assets index.css
  * @description 全局样式文件
  * @author BTMuli <bt-muli@outlook.com>
- * @since Alpha v0.2.1
+ * @since Beta v0.3.0
  */
 
 @import "fonts/index.css";
@@ -22,6 +22,30 @@
   --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 */
+
+  /* color dark */
+  --tgc-dark-1: #000000; /* normal dark */
+  --tgc-dark-2: #202020; /* Tauri app nav */
+  --tgc-dark-3: #010409; /* Github web nav */
+  --tgc-dark-4: #0d1117; /* Github web bg */
+  --tgc-dark-5: #161b22; /* Github web list nav */
+  --tgc-dark-6: #21262d; /* Github web 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-pink-1: #fb7299; /* Bilibili btn bg */
+
+  /* text color */
+  --tgc-text-1: #faf7e8; /* Genshin color from ? */
 }
 
 html {

src/assets/themes/dark.css

@@ -1,12 +1,21 @@
 /**
- * @file assets themes light.css
- * @description 主题样式文件
+ * @file assets themes dark.css
+ * @description 主题样式文件-深色主题
  * @author BTMuli <bt-muli@outlook.com>
- * @since Alpha v0.2.3
+ * @since Beta v0.3.0
  */
 
-/* 主题色 */
+/* dark mode */
 html.dark {
+  /* app container */
+  --app-page-bg: var(--tgc-dark-4);
+  --app-page-content: var(--tgc-white-3);
+  --app-side-bg: var(--tgc-dark-3);
+  --app-side-content: var(--tgc-white-4);
+
+  /* content */
+  --content-box-bg-1: var(--tgc-dark-5);
+
   /* box-shadow */
   --common-shadow-1: rgb(255 255 255 / 10%);
   --common-shadow-2: rgb(255 255 255 / 20%);

src/assets/themes/default.css

@@ -1,12 +1,21 @@
 /**
- * @file assets themes dark.css
- * @description 主题样式文件
+ * @file assets themes default.css
+ * @description 主题样式文件-默认（浅色）主题
  * @author BTMuli <bt-muli@outlook.com>
- * @since Alpha v0.2.3
+ * @since Beta v0.3.0
  */
 
-/* 主题色 */
+/* default(light) theme */
 html.default {
+  /* app container */
+  --app-page-bg: var(--tgc-white-3);
+  --app-page-content: var(--tgc-dark-5); /* todo 这边直接反色，需要调整 */
+  --app-side-bg: var(--tgc-white-4);
+  --app-side-content: var(--tgc-dark-4);
+
+  /* content */
+  --content-box-bg-1: var(--tgc-white-4);
+
   /* box-shadow */
   --common-shadow-1: rgb(0 0 0 / 10%);
   --common-shadow-2: rgb(0 0 0 / 20%);