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);