theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 主题支持次色可配置

Browse Source
This commit is contained in:
就眠儀式
2022-02-23 18:38:47 +08:00
parent df565ca61d
commit ee2e03febc
50 changed files with 153 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/theme/index.less
View File

@@ -372,7 +372,7 @@ a cite {
line-height: 42px;
padding: 0 15px 0 35px;
color: #333;
background-color: #fafafa;
background-color: @global-neutral-color-1;
cursor: pointer;
font-size: 14px;
overflow: hidden;
@@ -474,7 +474,7 @@ a cite {
}
.layui-bg-gray {
background-color: #fafafa !important;
background-color: @global-neutral-color-1 !important;
color: #666 !important;
}
@@ -1225,7 +1225,7 @@ a cite {
border-style: solid;
border-radius: 2px 0 0 2px;
text-align: center;
background-color: #fafafa;
background-color: @global-neutral-color-1;
overflow: hidden;
box-sizing: border-box;
}
@@ -1992,7 +1992,7 @@ a cite {
}
.layui-keyboard-list li:hover {
background-color: #fafafa;
background-color: @global-neutral-color-1;
color: rgba(0, 0, 0, 0.5);
}
@@ -2191,7 +2191,7 @@ a cite {
}
.layui-tab-card > .layui-tab-title {
background-color: #fafafa;
background-color: @global-neutral-color-1;
}
.layui-tab-card > .layui-tab-title li {
@@ -2608,7 +2608,7 @@ body .layui-util-face .layui-layer-content {
line-height: 20px;
border: 1px solid #eee;
border-left-width: 6px;
background-color: #fafafa;
background-color: @global-neutral-color-1;
color: #333;
font-family: Courier New;
font-size: 12px;

38
src/theme/variable.less
View File

@@ -10,13 +10,28 @@
@global-border-radius: var(--global-border-radius);
@global-border-color: var(--global-border-color);
@global-fore-color: var(--global-fore-color);
@global-back-color: var(--global-back-color);
@global-neutral-color-1: var(--global-neutral-color-1);
@global-neutral-color-2: var(--global-neutral-color-2);
@global-neutral-color-3: var(--global-neutral-color-3);
@global-neutral-color-4: var(--global-neutral-color-4);
@global-neutral-color-5: var(--global-neutral-color-5);
@global-neutral-color-6: var(--global-neutral-color-6);
@global-neutral-color-7: var(--global-neutral-color-7);
@global-neutral-color-8: var(--global-neutral-color-8);
:root {
--global-primary-color: #009688;
--global-normal-color: #1e9fff;
@@ -27,13 +42,28 @@
--global-checked-color: #5fb878;
--global-border-color: #eee;
--global-border-radius: 2px;
--global-fore-color: #333;
--global-back-color: #ffffff;
--global-neutral-color-1: #FAFAFA;
--global-neutral-color-2: #F6F6F6;
--global-neutral-color-3: #eeeeee;
--global-neutral-color-4: #e2e2e2;
--global-neutral-color-5: #dddddd;
--global-neutral-color-6: #d2d2d2;
--global-neutral-color-7: #cccccc;
--global-neutral-color-8: #c2c2c2;
}
body[lay-theme="dark"] {