/* +---------------------------------------------------------------------- | YwxApp 站点级 layui 主题层(自动生成,请勿手工编辑) | 生成脚本:把 layui.css 中所有硬编码主色改写为 CSS 变量: | 新版(#16b777)-> var(--ywx-primary) #16baaa -> var(--ywx-accent) | 老版(#5fb878)-> var(--ywx-primary) #009688 -> var(--ywx-accent) | 换肤只需覆盖 :root 里的 --ywx-* 变量(config/theme.php),无需改视图文件 | 注入位置: 之前(排在页面自有 CSS 之后),由 ThemeInject 中间件完成 +---------------------------------------------------------------------- */ :root{ /* === 站点主题变量(config/theme.php 可覆盖,此处为兜底默认值) === */ --ywx-primary: #16b777; /* 主色:表单聚焦、复选框、开关、进度条、时间轴 */ --ywx-accent: #16baaa; /* 强调色:按钮、导航、分页当前页、上传、Logo */ --ywx-radius: 2px; /* 统一圆角 */ --ywx-font: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', 'PingFang SC', sans-serif; /* === layui3 桥接:layui3 原生支持 CSS 变量,直接指向同一套色 === */ --lay-color-primary: var(--ywx-accent); --lay-color-accent: var(--ywx-primary); --lay-border-radius: var(--ywx-radius); --lay-font-family: var(--ywx-font); } /* ---- 主线 layui:63 条规则 ---- */ .layui-layout-admin .layui-logo{color:var(--ywx-accent)} .layui-elem-quote{border-left:5px solid var(--ywx-primary)} .layui-progress-bar{background-color:var(--ywx-primary)} .layui-bg-green{background-color:var(--ywx-accent)!important} .layui-border-green{border-color:var(--ywx-accent)!important;color:var(--ywx-accent)!important} .layui-font-green{color:var(--ywx-accent)!important} .layui-btn{background-color:var(--ywx-accent)} .layui-btn-primary:hover{border-color:var(--ywx-accent)} .layui-btn-checked{background-color:var(--ywx-primary)} .layui-btn-group .layui-btn-primary:hover{color:var(--ywx-accent)} .layui-input:focus,.layui-textarea:focus{border-color:var(--ywx-primary)!important} .layui-input-wrap .layui-input:focus+.layui-input-split{border-color:var(--ywx-primary)} .layui-form-select dl dd.layui-this{color:var(--ywx-primary)} .layui-form-checked,.layui-form-checked:hover{border-color:var(--ywx-primary)} .layui-form-checked:hover>div,.layui-form-checked>div{background-color:var(--ywx-primary)} .layui-form-checked:hover>i,.layui-form-checked>i{color:var(--ywx-primary)} .layui-form-checkbox[lay-skin=primary]:hover>i{border-color:var(--ywx-primary)} .layui-form-checked[lay-skin=primary]>i{border-color:var(--ywx-primary)!important;background-color:var(--ywx-primary)} .layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate{border-color:var(--ywx-primary)} .layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before{background-color:var(--ywx-primary)} .layui-form-onswitch{border-color:var(--ywx-primary);background-color:var(--ywx-primary)} .layui-form-radio:hover>*,.layui-form-radioed,.layui-form-radioed>i{color:var(--ywx-primary)} .layui-laypage a:hover{color:var(--ywx-accent)} .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:var(--ywx-accent)} .layui-laypage input:focus,.layui-laypage select:focus{border-color:var(--ywx-accent)!important} .layui-table-view .layui-table td[data-edit]:hover:after{border:1px solid var(--ywx-primary)} .layui-table-edit:focus{border-color:var(--ywx-primary)!important} .layui-table-cell-c:hover{border-color:var(--ywx-primary)} .layui-upload-drag .layui-icon{color:var(--ywx-accent)} .layui-upload-drag[lay-over]{border-color:var(--ywx-accent)} .layui-menu .layui-menu-item-checked,.layui-menu .layui-menu-item-checked2{color:var(--ywx-primary)} .layui-menu .layui-menu-item-checked a,.layui-menu .layui-menu-item-checked2 a{color:var(--ywx-primary)} .layui-menu .layui-menu-item-checked:after{border-right:3px solid var(--ywx-primary)} .layui-menu-lg .layui-menu-body-title a:hover,.layui-menu-lg li:hover{color:var(--ywx-primary)} .layui-tabs-header .layui-this,.layui-tabs-header li:hover{color:var(--ywx-accent)} .layui-tabs-header .layui-this:after{border-bottom:3px solid var(--ywx-accent)} .layui-nav .layui-this:after,.layui-nav-bar{background-color:var(--ywx-primary)} .layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:var(--ywx-accent)} .layui-nav-tree .layui-nav-bar{background-color:var(--ywx-accent)} .layui-nav.layui-bg-gray .layui-this a{color:var(--ywx-primary)} .layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a,.layui-nav-tree.layui-bg-gray .layui-this,.layui-nav-tree.layui-bg-gray .layui-this>a{color:var(--ywx-primary)!important} .layui-nav-tree.layui-bg-gray .layui-nav-bar{background-color:var(--ywx-primary)} .layui-breadcrumb a:hover{color:var(--ywx-primary)!important} .layui-tab-brief>.layui-tab-title .layui-this{color:var(--ywx-accent)} .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid var(--ywx-primary)} .layui-tab-card>.layui-tab-more .layui-this{color:var(--ywx-primary)} .layui-timeline-axis{color:var(--ywx-primary)} .layui-transfer-active .layui-btn{background-color:var(--ywx-primary);border-color:var(--ywx-primary)} .layui-slider-input-btn i:hover{color:var(--ywx-accent)} .layui-code-fixbar>span:hover{color:var(--ywx-primary)} .layui-code-tools>i:hover{color:var(--ywx-primary)} .layui-laydate-footer span:hover{color:var(--ywx-primary)} .layui-laydate-header i:hover,.layui-laydate-header span:hover{color:var(--ywx-primary)} .layui-laydate-content td.laydate-day-now{color:var(--ywx-primary)} .layui-laydate-content td.laydate-day-now:after{border:1px solid var(--ywx-primary)} .laydate-day-mark::after{background-color:var(--ywx-primary)} .layui-laydate-footer span[lay-type=date]{color:var(--ywx-primary)} .layui-laydate .layui-this,.layui-laydate .layui-this>div{background-color:var(--ywx-primary)!important} .laydate-theme-molv .layui-laydate-header{background-color:var(--ywx-accent)} .laydate-theme-molv .layui-this,.laydate-theme-molv .layui-this>div{background-color:var(--ywx-accent)!important} .layui-laydate-linkage.laydate-theme-grid .laydate-selected,.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover{color:var(--ywx-accent)!important} .layui-layer-dialog .layui-layer-content .layui-icon-success{color:var(--ywx-primary)} .layui-layer-dialog .layui-layer-content .layui-icon-face-smile{color:var(--ywx-primary)} /* ---- 老版 layui(插件自带副本):30 条规则 ---- */ .layui-layout-admin .layui-logo{color:var(--ywx-accent)} .layui-elem-quote{border-left:5px solid var(--ywx-accent)} .layui-progress-bar{background-color:var(--ywx-primary)} .layui-bg-green{background-color:var(--ywx-accent)!important} .layui-btn{background-color:var(--ywx-accent)} .layui-btn-primary:hover{border-color:var(--ywx-accent)} .layui-btn-group .layui-btn-primary:hover{color:var(--ywx-accent)} .layui-form-select dl dd.layui-this{background-color:var(--ywx-primary)} .layui-form-checked,.layui-form-checked:hover{border-color:var(--ywx-primary)} .layui-form-checked span,.layui-form-checked:hover span{background-color:var(--ywx-primary)} .layui-form-checked i,.layui-form-checked:hover i{color:var(--ywx-primary)} .layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--ywx-primary)} .layui-form-checked[lay-skin=primary] i{border-color:var(--ywx-primary);background-color:var(--ywx-primary)} .layui-form-onswitch{border-color:var(--ywx-primary);background-color:var(--ywx-primary)} .layui-form-radio i:hover,.layui-form-radioed i{color:var(--ywx-primary)} .layui-laypage a:hover{color:var(--ywx-accent)} .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:var(--ywx-accent)} .layui-laypage input:focus,.layui-laypage select:focus{border-color:var(--ywx-accent)!important} .layui-table-edit:focus{border-color:var(--ywx-primary)!important} .layui-upload-drag .layui-icon{color:var(--ywx-accent)} .layui-upload-drag[lay-over]{border-color:var(--ywx-accent)} .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{background-color:var(--ywx-primary)} .layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:var(--ywx-primary)} .layui-nav-tree .layui-nav-bar{background-color:var(--ywx-accent)} .layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:var(--ywx-accent)} .layui-breadcrumb a:hover{color:var(--ywx-primary)!important} .layui-tab-brief>.layui-tab-title .layui-this{color:var(--ywx-accent)} .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid var(--ywx-primary)} .layui-tab-card>.layui-tab-more .layui-this{color:var(--ywx-primary)} .layui-timeline-axis{color:var(--ywx-primary)} /* === 圆角/字体统一接管(layui 默认硬编码,此处变量化) === */ .layui-btn,.layui-input,.layui-textarea,.layui-select, .layui-form-select .layui-input,.layui-elem-quote, .layui-layer-content,.layui-card{ border-radius: var(--ywx-radius); }