diff --git a/public/static/common/css/theme/_fresh.scss b/public/static/common/css/theme/_fresh.scss index cc8ca3e..a449fd8 100644 --- a/public/static/common/css/theme/_fresh.scss +++ b/public/static/common/css/theme/_fresh.scss @@ -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 { diff --git a/public/static/common/css/theme/index.css b/public/static/common/css/theme/index.css index 598c25c..88377fe 100644 --- a/public/static/common/css/theme/index.css +++ b/public/static/common/css/theme/index.css @@ -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;