perf: 💄 Optimize the display effect of the dark mode

viarotel-org · Jul 25, 2024 · 38f854b · 38f854b
1 parent 8becb56
commit 38f854b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 17 deletions.
diff --git 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
@@ -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 {