From 3babe27e38bf78b924048f1150699a6cfbc85dac Mon Sep 17 00:00:00 2001
From: sakuya <81883387@qq.com>
Date: Fri, 27 May 2022 11:10:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20=E9=BB=91=E5=A4=9C?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

重设el所有light1-9，dar1-9
---
 src/App.vue                       |  2 +-
 src/layout/components/setting.vue |  2 +-
 src/style/dark.scss               |  8 +++++++-
 src/style/fix.scss                | 23 +++++++++++++++++++++++
 src/views/userCenter/index.vue    |  2 +-
 5 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index bcfb0260..0a21908b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,7 +29,7 @@
 				for (let i = 1; i <= 9; i++) {
 					document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(app_color,i/10));
 				}
-				for (let i = 1; i <= 2; i++) {
+				for (let i = 1; i <= 9; i++) {
 					document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, colorTool.darken(app_color,i/10));
 				}
 			}
diff --git a/src/layout/components/setting.vue b/src/layout/components/setting.vue
index 8057d1d5..fc6ac3bd 100644
--- a/src/layout/components/setting.vue
+++ b/src/layout/components/setting.vue
@@ -78,7 +78,7 @@
 				for (let i = 1; i <= 9; i++) {
 					document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(val,i/10));
 				}
-				for (let i = 1; i <= 2; i++) {
+				for (let i = 1; i <= 9; i++) {
 					document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, colorTool.darken(val,i/10));
 				}
 				this.$TOOL.data.set("APP_COLOR", val);
diff --git a/src/style/dark.scss b/src/style/dark.scss
index c8d5a90f..fca73ef5 100644
--- a/src/style/dark.scss
+++ b/src/style/dark.scss
@@ -2,7 +2,13 @@
 
 html.dark {
 	//变量
-	$--el-text-color-primary: #d0d0d0;
+	--el-text-color-primary: #d0d0d0;
+	--el-color-primary-dark-2: var(--el-color-primary-light-2) !important;
+	--el-color-primary-light-9: var(--el-color-primary-dark-8) !important;
+	--el-color-primary-light-8: var(--el-color-primary-dark-7) !important;
+	--el-color-primary-light-7: var(--el-color-primary-dark-6) !important;
+	--el-color-primary-light-5: var(--el-color-primary-dark-4) !important;
+	--el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
 
 	//背景
 	#app {background: var(--el-bg-color);}
diff --git a/src/style/fix.scss b/src/style/fix.scss
index e04aa064..2143a54f 100644
--- a/src/style/fix.scss
+++ b/src/style/fix.scss
@@ -1,4 +1,27 @@
 /* 覆盖element-plus样式 */
+
+:root {
+	--el-color-primary: #409EFF;
+	--el-color-primary-light-1: #53a7ff;
+	--el-color-primary-light-2: #66b1ff;
+	--el-color-primary-light-3: #79bbff;
+	--el-color-primary-light-4: #8cc4ff;
+	--el-color-primary-light-5: #9fceff;
+	--el-color-primary-light-6: #b2d8ff;
+	--el-color-primary-light-7: #c5e1ff;
+	--el-color-primary-light-8: #d8ebff;
+	--el-color-primary-light-9: #ebf5ff;
+	--el-color-primary-dark-1: #398ee5;
+	--el-color-primary-dark-2: #337ecc;
+	--el-color-primary-dark-3: #2c6eb2;
+	--el-color-primary-dark-4: #265e99;
+	--el-color-primary-dark-5: #204f7f;
+	--el-color-primary-dark-6: #193f66;
+	--el-color-primary-dark-7: #132f4c;
+	--el-color-primary-dark-8: #0c1f32;
+	--el-color-primary-dark-9: #060f19;
+}
+
 .el-menu {border: none!important;}
 .el-menu .el-menu-item a {color: inherit;text-decoration: none;display: block;width:100%;height:100%;position: absolute;top:0px;left:0px;}
 .el-form-item-msg {font-size: 12px;color: #999;clear: both;width: 100%;}
diff --git a/src/views/userCenter/index.vue b/src/views/userCenter/index.vue
index e6b76126..8451ff17 100644
--- a/src/views/userCenter/index.vue
+++ b/src/views/userCenter/index.vue
@@ -181,7 +181,7 @@
 				for (let i = 1; i <= 9; i++) {
 					document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(val,i/10));
 				}
-				for (let i = 1; i <= 2; i++) {
+				for (let i = 1; i <= 9; i++) {
 					document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, colorTool.darken(val,i/10));
 				}
 				this.$TOOL.data.set("APP_COLOR", val);