style: 颜色配置

template/admin/src/layout/navBars/breadcrumb/setings.vue

@@ -376,7 +376,7 @@ export default {
           } else if (val == 'theme-3') {
             themeSelect['--prev-bg-menu-hover-ba-color'] = '#ecf8f3';
             themeSelect['--prev-color-primary'] = '#41b584';
-            themeSelect['--prev-MenuActiveColor'] = '#fff';
+            themeSelect['--prev-MenuActiveColor'] = '#41b584';
           } else if (val == 'theme-5') {
             themeSelect['--prev-bg-menu-hover-ba-color'] = '#f0eefe';
             themeSelect['--prev-color-primary'] = '#6954f0';
@@ -408,6 +408,8 @@ export default {
             themeSelect['--prev-bg-menu-hover-ba-color'] = '#6954f0';
             themeSelect['--prev-bg-topBarColor'] = '#282c34';
             themeSelect['--prev-color-primary'] = '#fff';
+            themeSelect['--prev-bg-topBar'] = '#fff';
+
             themeSelect['--prev-bg-menuBarColor'] = '#fff';
             themeSelect['--prev-MenuActiveColor'] = '#fff';
           } else if (val == 'theme-7') {

template/admin/src/layout/navBars/breadcrumb/theme.js

@@ -2,7 +2,7 @@ export const themeList = {
   'theme-1': {
     '--prev-bg-menuBar': '#282c34',
     '--prev-bg-menuBarColor': '#fff',
-    '--prev-color-primary': '#fff',
+    '--prev-color-primary': '#1890ff',
     '--prev-color-text-white': '#fff',
     '--prev-bg-menu-hover-ba-color': '#1890ff',
     '--prev-bg-topBar': '#fff', //顶部菜单栏颜色
@@ -34,7 +34,7 @@ export const themeList = {
   'theme-3': {
     '--prev-bg-menuBar': '#282c34',
     '--prev-bg-menuBarColor': '#fff',
-    '--prev-color-primary': '#fff',
+    '--prev-color-primary': '#41b584',
     '--prev-color-text-white': '#fff',
     '--prev-bg-menu-hover-ba-color': '#41b584', // 菜单选中背景色
     '--prev-bg-topBar': '#fff', //顶部菜单栏颜色
@@ -66,7 +66,7 @@ export const themeList = {
   'theme-5': {
     '--prev-bg-menuBar': '#282c34',
     '--prev-bg-menuBarColor': '#fff',
-    '--prev-color-primary': '#fff',
+    '--prev-color-primary': '#6954f0',
     '--prev-color-text-white': '#fff',
     '--prev-bg-menu-hover-ba-color': '#6954f0', // 菜单选中背景色
     '--prev-bg-topBar': '#fff', //顶部菜单栏颜色
@@ -75,7 +75,6 @@ export const themeList = {
     '--prev-bg-columnsMenuBarColor': '#fff',
     '--prev-bg-columnsMenuActiveColor': '#fff',
     '--prev-MenuActiveColor': '#6954f0',
-
     '--prev-color-primary-light-9': '#f0eefe',
     '--prev-tag-active-color': '#6954f0',
   },
@@ -97,7 +96,7 @@ export const themeList = {
   'theme-7': {
     '--prev-bg-menuBar': '#282c34',
     '--prev-bg-menuBarColor': '#fff',
-    '--prev-color-primary': '#fff',
+    '--prev-color-primary': '#f34d37',
     '--prev-color-text-white': '#fff',
     '--prev-bg-menu-hover-ba-color': '#f34d37', // 菜单选中背景色
     '--prev-bg-topBar': '#fff', //顶部菜单栏颜色

template/admin/src/theme/element.scss

@@ -117,7 +117,7 @@
 .el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
   border-bottom: 3px solid !important;
   border-bottom-color: var(--prev-color-primary) !important;
-  color: var(--prev-color-primary) !important;
+  // color: var(--prev-color-primary) !important;
 }
 .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
 .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
@@ -154,7 +154,7 @@
   color: var(--prev-MenuActiveColor) !important;
   background-color: var(--prev-bg-menu-hover-ba-color) !important;
   i {
-    color: var(--prev-color-primary) !important;
+    color: var(--prev-MenuActiveColor) !important;
   }
 }
 // 鼠标 hover 时颜色
@@ -166,7 +166,7 @@
   color: var(--prev-MenuActiveColor) !important;
   //   background-color: var(--prev-bg-menu-hover-ba-color) !important;
   .el-submenu__title i {
-    color: var(--prev-color-primary) !important;
+    color: var(--prev-MenuActiveColor) !important;
   }
 }
 .el-menu-item.is-active,