github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-31 06:50:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 颜色配置

Browse Source
This commit is contained in:
From-wh 2023-04-03 09:45:17 +08:00
parent ec355b3be9
commit e7dbd1eabb
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
template/admin/src/layout/navBars/breadcrumb/setings.vue
View File

@ -362,6 +362,8 @@ export default {
if (['classic', 'transverse'].includes(this.getThemeConfig.layout)) {
themeSelect['--prev-bg-topBar'] = '#282c34';
themeSelect['--prev-bg-topBarColor'] = '#fff';
themeSelect['--prev-bg-menuBarColor'] = '#fff';
themeSelect['--prev-MenuActiveColor'] = '#fff';
} else if (this.getThemeConfig.layout === 'columns') {
themeSelect['--prev-bg-topBar'] = '#fff';
themeSelect['--prev-bg-topBarColor'] = '#515a6e';
@ -370,15 +372,19 @@ export default {
if (val == 'theme-1') {
themeSelect['--prev-bg-menu-hover-ba-color'] = '#e8f4ff';
themeSelect['--prev-color-primary'] = '#1890ff';
themeSelect['--prev-MenuActiveColor'] = '#1890ff';
} else if (val == 'theme-3') {
themeSelect['--prev-bg-menu-hover-ba-color'] = '#ecf8f3';
themeSelect['--prev-color-primary'] = '#41b584';
themeSelect['--prev-MenuActiveColor'] = '#fff';
} else if (val == 'theme-5') {
themeSelect['--prev-bg-menu-hover-ba-color'] = '#f0eefe';
themeSelect['--prev-color-primary'] = '#6954f0';
themeSelect['--prev-MenuActiveColor'] = '#6954f0';
} else if (val == 'theme-7') {
themeSelect['--prev-bg-menu-hover-ba-color'] = '#feedeb';
themeSelect['--prev-color-primary'] = '#f34d37';
themeSelect['--prev-MenuActiveColor'] = '#f34d37';
}
} else {
if (val == 'theme-1') {
@ -393,20 +399,22 @@ export default {
themeSelect['--prev-bg-menuBar'] = '#282c34';
themeSelect['--prev-bg-menu-hover-ba-color'] = '#41b584';
themeSelect['--prev-color-primary'] = '#fff';
themeSelect['--prev-bg-topBarColor'] = '#515a6e';
themeSelect['--prev-bg-topBar'] = '#fff';
themeSelect['--prev-bg-topBarColor'] = '#282c34';
themeSelect['--prev-bg-menuBarColor'] = '#fff';
themeSelect['--prev-MenuActiveColor'] = '#fff';
} else if (val == 'theme-5') {
themeSelect['--prev-bg-menuBar'] = '#282c34';
themeSelect['--prev-bg-topBarColor'] = '#282c34';
themeSelect['--prev-bg-menu-hover-ba-color'] = '#6954f0';
themeSelect['--prev-bg-topBarColor'] = '#282c34';
themeSelect['--prev-color-primary'] = '#fff';
themeSelect['--prev-bg-menuBarColor'] = '#fff';
themeSelect['--prev-MenuActiveColor'] = '#fff';
} else if (val == 'theme-7') {
themeSelect['--prev-bg-menuBar'] = '#282c34';
themeSelect['--prev-bg-topBarColor'] = '#515a6e';
themeSelect['--prev-bg-menu-hover-ba-color'] = '#f34d37';
themeSelect['--prev-bg-topBar'] = '#fff';
themeSelect['--prev-bg-topBarColor'] = '#282c34';
themeSelect['--prev-bg-menu-hover-ba-color'] = '#f34d37';
themeSelect['--prev-color-primary'] = '#fff';
themeSelect['--prev-bg-menuBarColor'] = '#fff';
themeSelect['--prev-MenuActiveColor'] = '#fff';

1
template/admin/src/theme/app.scss
View File

@ -37,6 +37,7 @@
--prev-border-color-lighter: #ebeef5;
--prev-border-color-extra-light: #f2f6fc;
--prev-tag-active-color: #fff;
--prev-MenuActiveColor: #fff;
}
html,

5
template/admin/src/theme/element.scss
View File

@ -154,7 +154,7 @@
color: var(--prev-MenuActiveColor) !important;
background-color: var(--prev-bg-menu-hover-ba-color) !important;
i {
color: var(--prev-MenuActiveColor) !important;
color: var(--prev-color-primary) !important;
}
}
// 鼠标 hover 时颜色
@ -165,6 +165,9 @@
.el-menu-item.is-active {
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;
}
}
.el-menu-item.is-active,
.el-sub-menu.is-active .el-sub-menu__title,