diff --git a/template/admin/src/layout/navBars/breadcrumb/setings.vue b/template/admin/src/layout/navBars/breadcrumb/setings.vue index ee67ef8f7..535f4fefb 100644 --- a/template/admin/src/layout/navBars/breadcrumb/setings.vue +++ b/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') { diff --git a/template/admin/src/layout/navBars/breadcrumb/theme.js b/template/admin/src/layout/navBars/breadcrumb/theme.js index 8958d171f..c9a325c10 100644 --- a/template/admin/src/layout/navBars/breadcrumb/theme.js +++ b/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', //顶部菜单栏颜色 diff --git a/template/admin/src/theme/element.scss b/template/admin/src/theme/element.scss index 754463271..a7cce51c4 100644 --- a/template/admin/src/theme/element.scss +++ b/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,