Files
tms-erp-web/src/styles/theme/index.scss
赵忠林 4383e9956e style(top-bar): 给顶部状态栏标题区添加背景条以区分视觉层次
- 顶部状态栏 `.top-bar__title` 增加品牌色淡底背景和左侧主色竖条
- 文字颜色调整为深色,保持搜索框可读性
- 调整主题相关样式,处理 light 主题和 dark 主题下背景条效果差异
- 优化多个主题下 Logo 背景和文字颜色,提升整体视觉一致性
- 修改欢迎页背景颜色及相关元素颜色,增强视觉层次感
- 调整部分组件和布局的内边距与边框颜色,提升界面细节表现
- 隐藏顶部主题切换项,调整 hover 背景颜色以适应新视觉风格
2026-07-31 20:50:18 +08:00

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