ulthon/ulthon_admin
1
0
Fork 0
mirror of https://gitee.com/ulthon/ulthon_admin.git synced 2026-10-29 08:58:22 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

fix(theme): 清爽皮肤文字色交还配色系统，修复深色配色对比度

Browse Source
This commit is contained in:
augushong
2026-09-25 13:41:05 +00:00
parent 98c7f2aa9a
commit b246bc0d71
2 changed files with 6 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/static/common/css/theme/_fresh.scss
View File

@@ -1,8 +1,8 @@
// ============================================================================
// 清爽（fresh）皮肤 —— 36px 紧凑头部 + 白底轻量视觉
// 结构：(0)设计令牌 (A)头部36px (B)头部分组tab (C)页签条重描 (D)侧栏 (E)内容组件轻触
// 约定：尺寸/布局/圆角/阴影归本文件，颜色基调归配色系统（buildThemeCss），
// 本文件只覆盖自身视觉语言所需颜色。禁用选择器扩展语法。
// 约定：尺寸/布局/圆角/阴影归本文件；颜色基调归配色系统（buildThemeCss），
// 文字颜色一律归配色系统，本文件不覆盖菜单/头部文字色。禁用选择器扩展语法。
// ============================================================================
// 0. 设计令牌
@@ -74,11 +74,10 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
top: $header-h !important;
}
// B. 头部分组 tab（白底浅字，激活用 inset box-shadow 底条，不依赖被置零的 :after）
// B. 头部分组 tab（文字色归配色系统，激活用 inset box-shadow 底条，不依赖被置零的 :after）
.layuimini-header-menu>.layui-nav-item>a,
.layui-header>.layui-layout-right>.layui-nav-item>a {
padding: 0 14px;
color : $text-sub !important;
}
.layuimini-header-menu>.layui-nav-item:hover,
@@ -139,14 +138,9 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
border-bottom : $border-light 1px solid;
}
// D. 侧栏（浅色菜单；菜单项 40px 高度不动）
.layuimini-menu-left .layui-nav .layui-nav-item>a,
.layuimini-menu-left .layui-nav .layui-nav-child a {
color: #4a5261 !important;
}
// D. 侧栏（文字色归配色系统；菜单项 40px 高度不动）
.layuimini-menu-left .layui-nav .layui-nav-item a:hover {
background-color: #f5f7fa !important;
background-color: rgba(127, 127, 127, 0.15) !important;
}
.layui-side.layui-bg-black>.layuimini-menu-left>ul>.layui-nav-item:first-child {

7
public/static/common/css/theme/index.css
View File

@@ -2215,7 +2215,6 @@
.elem-style-fresh .layuimini-header-menu > .layui-nav-item > a,
.elem-style-fresh .layui-header > .layui-layout-right > .layui-nav-item > a {
padding: 0 14px;
color: #6b7280 !important;
}
.elem-style-fresh .layuimini-header-menu > .layui-nav-item:hover,
.elem-style-fresh .layuimini-header-menu > .layui-nav-item.layui-this,
@@ -2263,12 +2262,8 @@
border-top: #f0f2f5 1px solid;
border-bottom: #f0f2f5 1px solid;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item > a,
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-child a {
color: #4a5261 !important;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a:hover {
background-color: #f5f7fa !important;
background-color: rgba(127, 127, 127, 0.15) !important;
}
.elem-style-fresh .layui-side.layui-bg-black > .layuimini-menu-left > ul > .layui-nav-item:first-child {
border-top-color: #f0f2f5;