From d1b466b3b8ed4ee7a341a72e067113f47cb3fa6e Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 7 Nov 2023 11:32:06 +0800
Subject: [PATCH] style: update theme

---
 src/styles/{light.scss => theme.scss} | 26 ++++++++++++++++++++------
 src/types/components.d.ts             |  3 ---
 vite.config.ts                        |  2 +-
 3 files changed, 21 insertions(+), 10 deletions(-)
 rename src/styles/{light.scss => theme.scss} (64%)

diff --git a/src/styles/light.scss b/src/styles/theme.scss
similarity index 64%
rename from src/styles/light.scss
rename to src/styles/theme.scss
index ef6be368..d4090e81 100644
--- a/src/styles/light.scss
+++ b/src/styles/theme.scss
@@ -15,11 +15,25 @@
  * limitations under the License.
  */
 
-$font-color: #3d444f;
-$text-color: #fff;
-$disabled-color: #ccc;
-$active-color: #409eff;
-$theme-background: #fff;
-$active-background: #409eff;
+.light {
+  --primary-color: #409eff;
+  --theme-background: #fff;
+  --font-color: #3d444f;
+  --disabled-color: #ccc;
+}
+
+.dark {
+  --primary-color: #1c2022;
+  --theme-background: #000;
+  --font-color: #3d444f;
+  --disabled-color: #ccc;
+}
+
+$font-color: var(--font-color);
+$text-color: var(--theme-background);
+$disabled-color: var(--disabled-color);
+$active-color: var(--primary-color);
+$theme-background: var(--theme-background);
+$active-background: var(--primary-color);
 $font-size-smaller: 12px;
 $font-size-normal: 14px;
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index 9f9c7086..2d32cab3 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -9,7 +9,6 @@ declare module '@vue/runtime-core' {
     ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
     ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
     ElButton: typeof import('element-plus/es')['ElButton']
-    ElCard: typeof import('element-plus/es')['ElCard']
     ElCollapse: typeof import('element-plus/es')['ElCollapse']
     ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
     ElDialog: typeof import('element-plus/es')['ElDialog']
@@ -20,13 +19,11 @@ declare module '@vue/runtime-core' {
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
-    ElLink: typeof import('element-plus/es')['ElLink']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
-    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElProgress: typeof import('element-plus/es')['ElProgress']
     ElRadio: typeof import('element-plus/es')['ElRadio']
diff --git a/vite.config.ts b/vite.config.ts
index d27a6462..1eab0484 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -64,7 +64,7 @@ export default ({ mode }: ConfigEnv): UserConfig => {
       preprocessorOptions: {
         //define global scss variable
         scss: {
-          additionalData: `@use "@/styles/light.scss" as *;`,
+          additionalData: `@use "@/styles/theme.scss" as *;`,
         },
       },
     },