- 顶部状态栏 `.top-bar__title` 增加品牌色淡底背景和左侧主色竖条 - 文字颜色调整为深色,保持搜索框可读性 - 调整主题相关样式,处理 light 主题和 dark 主题下背景条效果差异 - 优化多个主题下 Logo 背景和文字颜色,提升整体视觉一致性 - 修改欢迎页背景颜色及相关元素颜色,增强视觉层次感 - 调整部分组件和布局的内边距与边框颜色,提升界面细节表现 - 隐藏顶部主题切换项,调整 hover 背景颜色以适应新视觉风格
84 lines
1.1 KiB
SCSS
84 lines
1.1 KiB
SCSS
// white
|
|
@use './white.scss';
|
|
|
|
// star
|
|
@use './star.scss';
|
|
|
|
// vip
|
|
@use './vip.scss';
|
|
|
|
// d2
|
|
@use './d2.scss';
|
|
|
|
// bule
|
|
@use './bule.scss';
|
|
|
|
//iview
|
|
@use './iview.scss';
|
|
|
|
//go
|
|
@use 'go';
|
|
|
|
//heyui
|
|
@use './hey.scss';
|
|
|
|
//dark
|
|
@use './dark.scss';
|
|
|
|
//lte
|
|
@use 'lte';
|
|
|
|
//cool
|
|
@use './cool.scss';
|
|
|
|
//beautiful
|
|
@use './beautiful.scss';
|
|
|
|
.theme-white,
|
|
.theme-star,
|
|
.theme-vip,
|
|
.theme-d2,
|
|
.theme-bule,
|
|
.theme-iview,
|
|
.theme-go,
|
|
.theme-hey,
|
|
.theme-dark,
|
|
.theme-lte,
|
|
.theme-cool,
|
|
.theme-beautiful {
|
|
.avue-logo {
|
|
background: #419eff !important;
|
|
background-color: #419eff !important;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
|
|
.avue-logo_title,
|
|
.avue-logo_subtitle,
|
|
.logo-title {
|
|
color: #fff;
|
|
background-image: none;
|
|
-webkit-text-fill-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.avue-layout:not(.avue-layout--horizontal) {
|
|
.avue-sidebar {
|
|
.el-menu-item,
|
|
.el-sub-menu__title {
|
|
&.is-active {
|
|
background-color: #E6EAED !important;
|
|
|
|
&::before {
|
|
display: none !important;
|
|
}
|
|
|
|
i,
|
|
span {
|
|
color: #333 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|