From 38f854b6db8bf94b31a1f1f6db54fc55a99d8e8c Mon Sep 17 00:00:00 2001
From: viarotel <viarotel@qq.com>
Date: Thu, 25 Jul 2024 16:43:51 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=F0=9F=92=84=20Optimize=20the=20display?=
 =?UTF-8?q?=20effect=20of=20the=20dark=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Task/components/TaskListDialog/index.vue  |  1 -
 src/plugins/element-plus/restyle.css          | 29 +++++++++----------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/components/Quick/components/Task/components/TaskListDialog/index.vue b/src/components/Quick/components/Task/components/TaskListDialog/index.vue
index 9d6c0944..e62a3548 100644
--- a/src/components/Quick/components/Task/components/TaskListDialog/index.vue
+++ b/src/components/Quick/components/Task/components/TaskListDialog/index.vue
@@ -95,7 +95,6 @@
         >
           <EleTagCollapse
             effect="light"
-            borderless
             :value="row.devices"
             :label="(item) => item.$remark || `${item.$name} (${item.id})`"
             class="justify-center"
diff --git a/src/plugins/element-plus/restyle.css b/src/plugins/element-plus/restyle.css
index 0ccfe4fe..4e9b4867 100644
--- a/src/plugins/element-plus/restyle.css
+++ b/src/plugins/element-plus/restyle.css
@@ -1,24 +1,21 @@
-:root,
-:root.dark {
-  /* --el-font-size-base: 14px;
-  --el-font-size-small: 16px;
-  --el-font-size-large: 18px; */
-
+:root {
   --el-color-primary: rgba(var(--color-primary), 1);
-  --el-color-primary-dark-2: rgba(var(--color-primary-600), 1);
-  --el-color-primary-light-1: rgba(var(--color-primary-400), 1);
-  --el-color-primary-light-2: rgba(var(--color-primary-400), 1);
-  --el-color-primary-light-3: rgba(var(--color-primary-300), 1);
-  --el-color-primary-light-4: rgba(var(--color-primary-300), 1);
-  --el-color-primary-light-5: rgba(var(--color-primary-200), 1);
-  --el-color-primary-light-6: rgba(var(--color-primary-200), 1);
-  --el-color-primary-light-7: rgba(var(--color-primary-100), 1);
+  --el-color-primary-light-3: rgba(var(--color-primary-400), 1);
+  --el-color-primary-light-5: rgba(var(--color-primary-300), 1);
+  --el-color-primary-light-7: rgba(var(--color-primary-200), 1);
   --el-color-primary-light-8: rgba(var(--color-primary-100), 1);
   --el-color-primary-light-9: rgba(var(--color-primary-50), 1);
+  --el-color-primary-dark-2: rgba(var(--color-primary-600), 1);
 }
 
-:root.dark.dark {
-  --el-color-primary: rgba(var(--color-primary-400), 1);
+:root.dark {
+  --el-color-primary: rgba(var(--color-primary-500), 1);
+  --el-color-primary-light-3: rgba(var(--color-primary-300), 1);
+  --el-color-primary-light-5: rgba(var(--color-primary-500), 1);
+  --el-color-primary-light-7: rgba(var(--color-primary-700), 1);
+  --el-color-primary-light-8: rgba(var(--color-primary-800), 1);
+  --el-color-primary-light-9: rgba(var(--color-primary-900), 1);
+  --el-color-primary-dark-2: rgba(var(--color-primary-400), 1);
 }
 
 .el-tabs-flex {