ulthon/ulthon_admin
1
0
Fork 0
mirror of https://gitee.com/ulthon/ulthon_admin.git synced 2026-11-09 12:30:49 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

feat(theme): 配色专属标准皮肤，清爽全包观感与面板交互重构

Browse Source
This commit is contained in:
augushong
2026-09-27 02:18:41 +00:00
parent 5d1bc69fdf
commit 842641763a
4 changed files with 236 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2184,7 +2184,7 @@
.elem-style-fresh .layui-layout-admin .layuimini-logo {
height: 36px !important;
line-height: 36px !important;
background-color: #fff !important;
background-color: #f7f8fa !important;
color: #33383f !important;
box-sizing: border-box;
border-right: 1px solid #f0f2f5;
@@ -2206,26 +2206,29 @@
line-height: 20px;
margin-top: 8px;
border-radius: 4px;
color: #6b7280;
color: #4e5969;
}
.elem-style-fresh .layui-layout-admin .layui-body,
.elem-style-fresh .layui-layout-admin .layui-side {
top: 36px !important;
}
.elem-style-fresh .layuimini-header-menu > .layui-nav-item > a,
.elem-style-fresh .layui-header > .layui-layout-right > .layui-nav-item > a {
.elem-style-fresh .layui-header .layui-layout-right > .layui-nav-item > a {
padding: 0 14px;
}
.elem-style-fresh .layuimini-header-menu > .layui-nav-item:hover,
.elem-style-fresh .layuimini-header-menu > .layui-nav-item.layui-this,
.elem-style-fresh .layui-header > .layui-layout-right > .layui-nav-item:hover,
.elem-style-fresh .layui-header > .layui-layout-right > .layui-nav-item.layui-this {
.elem-style-fresh .layui-header .layui-layout-right > .layui-nav-item:hover,
.elem-style-fresh .layui-header .layui-layout-right > .layui-nav-item.layui-this {
background-color: transparent !important;
}
.elem-style-fresh .layuimini-header-menu > .layui-nav-item:hover > a,
.elem-style-fresh .layuimini-header-menu > .layui-nav-item.layui-this > a,
.elem-style-fresh .layui-header > .layui-layout-right > .layui-nav-item:hover > a,
.elem-style-fresh .layui-header > .layui-layout-right > .layui-nav-item.layui-this > a {
.elem-style-fresh .layui-header .layui-layout-right > .layui-nav-item:hover > a,
.elem-style-fresh .layui-header .layui-layout-right > .layui-nav-item.layui-this > a {
color: #1E9FFF !important;
}
.elem-style-fresh .layui-layout-admin .layui-header .layui-nav.layui-layout-right > .layui-nav-item:hover > a {
color: #1E9FFF !important;
}
.elem-style-fresh .layuimini-header-menu > .layui-nav-item.layui-this,
@@ -2252,7 +2255,7 @@
.elem-style-fresh .layuimini-tab .layui-tab-title .layui-this span {
color: #1E9FFF !important;
}
.elem-style-fresh .layuimini-tab .layui-tab-title .layuimini-tab-active {
.elem-style-fresh .layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
width: 6px;
height: 6px;
background-color: #1E9FFF;
@@ -2270,7 +2273,7 @@
}
.elem-style-fresh .layuimini-menu-left .layui-nav-tree .layui-nav-child,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child {
background-color: #fafbfc;
background-color: #f2f3f6;
}
.elem-style-fresh .layuimini-menu-left .layui-nav-tree .layui-this,
.elem-style-fresh .layuimini-menu-left .layui-nav-tree .layui-this > a,
@@ -2284,9 +2287,6 @@
color: #1E9FFF !important;
box-shadow: inset 3px 0 0 #1E9FFF;
}
.elem-style-fresh {
background: #f7f8fa;
}
.elem-style-fresh .layui-btn, .elem-style-fresh .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-fresh a, .elem-style-fresh .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-fresh .layui-inline[lay-event], .elem-style-fresh .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-fresh span, .elem-style-fresh .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-fresh span, .elem-style-fresh .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-fresh li, .elem-style-fresh .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-fresh .layuimini-header-menu > li.layui-nav-item, .elem-style-fresh .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-fresh .layui-inline[lay-event], .elem-style-fresh .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-fresh a, .elem-style-fresh .elem-style-win7 .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-fresh a, .elem-style-fresh .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-fresh .layui-inline[lay-event], .elem-style-fresh .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-fresh .layuimini-main, .elem-style-fresh .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-fresh .layui-layer, .elem-style-fresh .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-fresh .layui-card, .elem-style-fresh .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-fresh .panel, .elem-style-fresh .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-fresh .layuimini-qiuck-module, .elem-style-fresh .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-fresh .layui-side.layui-bg-black,
.elem-style-fresh .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul,
.elem-style-neomorphic .elem-style-fresh .layui-side.layui-bg-black > .layuimini-menu-left > ul,
@@ -2296,6 +2296,14 @@
.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-fresh a, .elem-style-fresh .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-fresh .layuimini-header-menu > .layui-nav-item, .elem-style-fresh .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-fresh .layui-nav-item, .elem-style-fresh .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-fresh dl, .elem-style-fresh .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-fresh .layui-form-checkbox, .elem-style-fresh .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-fresh .layui-form-radio {
border-radius: 4px;
}
.elem-style-fresh .layui-btn-primary {
border-color: #e5e9ef;
color: #4e5969;
}
.elem-style-fresh .layui-btn-primary:hover {
border-color: #1E9FFF;
color: #1E9FFF;
}
.elem-style-fresh .layui-card,
.elem-style-fresh .layuimini-container {
border-radius: 8px;
@@ -2320,6 +2328,67 @@
border: 1px solid #f0f2f5;
box-shadow: 0 6px 16px rgba(31, 35, 41, 0.08);
}
.elem-style-fresh .layui-layout-admin .layui-header {
background-color: #fff !important;
}
.elem-style-fresh .layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this,
.elem-style-fresh .layui-layout-admin .layuimini-tool i:hover {
background-color: transparent !important;
}
.elem-style-fresh .layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
color: #4e5969 !important;
}
.elem-style-fresh .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
color: #4e5969 !important;
}
.elem-style-fresh .layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
.elem-style-fresh .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
color: #1E9FFF !important;
}
.elem-style-fresh .layui-layout-admin .layui-header .layuimini-tool i {
color: #4e5969 !important;
}
.elem-style-fresh .layui-side.layui-bg-black,
.elem-style-fresh .layui-side.layui-bg-black > .layuimini-menu-left > ul,
.elem-style-fresh .layuimini-menu-left-zoom > ul {
background-color: #f7f8fa !important;
}
.elem-style-fresh .layuimini-menu-left .layui-nav-itemed > .layui-nav-child {
background-color: #f2f3f6 !important;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
color: #3d4757 !important;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a:hover,
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-this a,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-this a {
color: #1E9FFF !important;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-more,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-more {
border-top-color: #3d4757 !important;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-mored,
.elem-style-fresh .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-mored,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {
border-color: transparent transparent #3d4757 !important;
}
.elem-style-fresh .layui-header .layui-nav .layui-nav-more {
border-top-color: #4e5969 !important;
}
.elem-style-fresh .layui-header .layui-nav .layui-nav-mored,
.elem-style-fresh .layui-header .layui-nav-itemed > a .layui-nav-more {
border-color: transparent transparent #4e5969 !important;
}
.elem-style-fresh .layui-header .layui-nav .layui-nav-child dd.layui-this a,
.elem-style-fresh .layui-header .layui-nav-child dd.layui-this,
.elem-style-fresh .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
background-color: #1E9FFF !important;
color: #fff !important;
}
@font-face {
font-family: "ark-pixel";