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 23:02:13 +08:00
parent ee2e03febc
commit ed312c40b1
3 changed files with 57 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/component/badge/index.less
View File

@ -32,4 +32,4 @@
border-style: solid; border-style: solid;
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }

2
src/component/body/index.less
View File

@ -7,4 +7,4 @@
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
min-height: 300px; min-height: 300px;
} }

110
src/theme/index.less
View File

@ -150,7 +150,7 @@ hr {
margin: 10px 0; margin: 10px 0;
padding: 0; padding: 0;
border: none !important; border: none !important;
border-bottom: 1px solid #eee !important; border-bottom: 1px solid @global-neutral-color-3 !important;
clear: both; clear: both;
background: 0 0; background: 0 0;
} }
@ -238,7 +238,7 @@ a cite {
.layui-disabled, .layui-disabled,
.layui-disabled:hover { .layui-disabled:hover {
color: #d2d2d2 !important; color: @global-neutral-color-6 !important;
cursor: not-allowed !important; cursor: not-allowed !important;
} }
@ -313,7 +313,7 @@ a cite {
position: relative; position: relative;
height: 6px; height: 6px;
border-radius: 20px; border-radius: 20px;
background-color: #eee; background-color: @global-neutral-color-3;
} }
.layui-progress-bar { .layui-progress-bar {
@ -422,7 +422,7 @@ a cite {
position: relative; position: relative;
padding: 15px; padding: 15px;
border-radius: 0; border-radius: 0;
border-top: 5px solid #eee; border-top: 5px solid @global-neutral-color-3;
background-color: #fff; background-color: #fff;
} }
@ -495,7 +495,7 @@ a cite {
.layui-tab-card, .layui-tab-card,
.layui-tab-title, .layui-tab-title,
.layui-tab-title .layui-this:after { .layui-tab-title .layui-this:after {
border-color: #eee; border-color: @global-neutral-color-3;
} }
.layui-border-red { .layui-border-red {
@ -650,7 +650,7 @@ a cite {
} }
.layui-font-gray { .layui-font-gray {
color: #c2c2c2 !important; color: @global-neutral-color-8 !important;
} }
.layui-input-number[type="number"] { .layui-input-number[type="number"] {
@ -788,7 +788,7 @@ a cite {
} }
.layui-input-wrap .layui-input:focus + .layui-input-split { .layui-input-wrap .layui-input:focus + .layui-input-split {
border-color: #d2d2d2; border-color: @global-neutral-color-6;
} }
.layui-input-prefix .layui-icon, .layui-input-prefix .layui-icon,
@ -872,7 +872,7 @@ a cite {
margin-top: -3px; margin-top: -3px;
cursor: pointer; cursor: pointer;
border-width: 6px; border-width: 6px;
border-top-color: #c2c2c2; border-top-color: @global-neutral-color-8;
border-top-style: solid; border-top-style: solid;
transition: all 0.3s; transition: all 0.3s;
-webkit-transition: all 0.3s; -webkit-transition: all 0.3s;
@ -886,7 +886,7 @@ a cite {
padding: 5px 0; padding: 5px 0;
z-index: 899; z-index: 899;
min-width: 100%; min-width: 100%;
border: 1px solid #eee; border: 1px solid @global-neutral-color-3;
max-height: 300px; max-height: 300px;
overflow-y: auto; overflow-y: auto;
background-color: #fff; background-color: #fff;
@ -913,7 +913,7 @@ a cite {
} }
.layui-form-select dl dd:hover { .layui-form-select dl dd:hover {
background-color: #f6f6f6; background-color: @global-neutral-color-2;
-webkit-transition: 0.5s all; -webkit-transition: 0.5s all;
transition: 0.5s all; transition: 0.5s all;
} }
@ -928,7 +928,7 @@ a cite {
} }
.layui-form-select dl dd.layui-this { .layui-form-select dl dd.layui-this {
background-color: #f6f6f6; background-color: @global-neutral-color-2;
color: @global-checked-color; color: @global-checked-color;
font-weight: 700; font-weight: 700;
} }
@ -972,11 +972,11 @@ a cite {
} }
.layui-select-disabled .layui-disabled { .layui-select-disabled .layui-disabled {
border-color: #eee !important; border-color: @global-neutral-color-3 !important;
} }
.layui-select-disabled .layui-edge { .layui-select-disabled .layui-edge {
border-top-color: #d2d2d2; border-top-color: @global-neutral-color-6;
} }
.layui-form-checkbox { .layui-form-checkbox {
@ -997,13 +997,13 @@ a cite {
height: 100%; height: 100%;
font-size: 14px; font-size: 14px;
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
background-color: #d2d2d2; background-color: @global-neutral-color-6;
color: #fff; color: #fff;
overflow: hidden; overflow: hidden;
} }
.layui-form-checkbox:hover span { .layui-form-checkbox:hover span {
background-color: #c2c2c2; background-color: @global-neutral-color-8;
} }
.layui-form-checkbox i { .layui-form-checkbox i {
@ -1012,7 +1012,7 @@ a cite {
top: 0; top: 0;
width: 30px; width: 30px;
height: 28px; height: 28px;
border: 1px solid #d2d2d2; border: 1px solid @global-neutral-color-6;
border-left: none; border-left: none;
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
color: #fff; color: #fff;
@ -1021,8 +1021,8 @@ a cite {
} }
.layui-form-checkbox:hover i { .layui-form-checkbox:hover i {
border-color: #c2c2c2; border-color: @global-neutral-color-8;
color: #c2c2c2; color: @global-neutral-color-8;
} }
.layui-form-checked, .layui-form-checked,
@ -1070,7 +1070,7 @@ a cite {
width: 16px; width: 16px;
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
border: 1px solid #d2d2d2; border: 1px solid @global-neutral-color-6;
font-size: 12px; font-size: 12px;
border-radius: 2px; border-radius: 2px;
background-color: #fff; background-color: #fff;
@ -1091,11 +1091,11 @@ a cite {
.layui-checkbox-disabled[lay-skin="primary"] span { .layui-checkbox-disabled[lay-skin="primary"] span {
background: 0 0 !important; background: 0 0 !important;
color: #c2c2c2 !important; color: @global-neutral-color-8 !important;
} }
.layui-checkbox-disabled[lay-skin="primary"]:hover i { .layui-checkbox-disabled[lay-skin="primary"]:hover i {
border-color: #d2d2d2; border-color: @global-neutral-color-6;
} }
.layui-form-item .layui-form-checkbox[lay-skin="primary"] { .layui-form-item .layui-form-checkbox[lay-skin="primary"] {
@ -1108,7 +1108,7 @@ a cite {
line-height: 22px; line-height: 22px;
min-width: 35px; min-width: 35px;
padding: 0 5px; padding: 0 5px;
border: 1px solid #d2d2d2; border: 1px solid @global-neutral-color-6;
border-radius: 20px; border-radius: 20px;
cursor: pointer; cursor: pointer;
background-color: #fff; background-color: #fff;
@ -1123,7 +1123,7 @@ a cite {
width: 16px; width: 16px;
height: 16px; height: 16px;
border-radius: 20px; border-radius: 20px;
background-color: #d2d2d2; background-color: @global-neutral-color-6;
-webkit-transition: 0.1s linear; -webkit-transition: 0.1s linear;
transition: 0.1s linear; transition: 0.1s linear;
} }
@ -1147,7 +1147,7 @@ a cite {
.layui-checkbox-disabled, .layui-checkbox-disabled,
.layui-checkbox-disabled i { .layui-checkbox-disabled i {
border-color: #eee !important; border-color: @global-neutral-color-3 !important;
} }
.layui-form-onswitch i { .layui-form-onswitch i {
@ -1163,11 +1163,11 @@ a cite {
} }
.layui-checkbox-disabled span { .layui-checkbox-disabled span {
background-color: #eee !important; background-color: @global-neutral-color-3 !important;
} }
.layui-checkbox-disabled em { .layui-checkbox-disabled em {
color: #d2d2d2 !important; color: @global-neutral-color-6 !important;
} }
.layui-checkbox-disabled:hover i { .layui-checkbox-disabled:hover i {
@ -1199,7 +1199,7 @@ a cite {
.layui-form-radio > i { .layui-form-radio > i {
margin-right: 8px; margin-right: 8px;
font-size: 22px; font-size: 22px;
color: #c2c2c2; color: @global-neutral-color-8;
} }
.layui-form-radio:hover *, .layui-form-radio:hover *,
@ -1209,11 +1209,11 @@ a cite {
} }
.layui-radio-disabled > i { .layui-radio-disabled > i {
color: #eee !important; color: @global-neutral-color-3 !important;
} }
.layui-radio-disabled * { .layui-radio-disabled * {
color: #c2c2c2 !important; color: @global-neutral-color-8 !important;
} }
.layui-form-pane .layui-form-label { .layui-form-pane .layui-form-label {
@ -1354,7 +1354,7 @@ a cite {
.layedit-tool-fixed { .layedit-tool-fixed {
position: fixed; position: fixed;
top: 0; top: 0;
border-top: 1px solid #eee; border-top: 1px solid @global-neutral-color-3;
} }
.layui-layedit-tool .layedit-tool-mid, .layui-layedit-tool .layedit-tool-mid,
@ -1385,13 +1385,13 @@ a cite {
} }
.layui-layedit-tool .layedit-tool-active { .layui-layedit-tool .layedit-tool-active {
background-color: #eee; background-color: @global-neutral-color-3;
color: #000; color: #000;
} }
.layui-layedit-tool .layui-disabled, .layui-layedit-tool .layui-disabled,
.layui-layedit-tool .layui-disabled:hover { .layui-layedit-tool .layui-disabled:hover {
color: #d2d2d2; color: @global-neutral-color-6;
cursor: not-allowed; cursor: not-allowed;
} }
@ -1399,7 +1399,7 @@ a cite {
width: 1px; width: 1px;
height: 18px; height: 18px;
margin: 0 10px; margin: 0 10px;
background-color: #d2d2d2; background-color: @global-neutral-color-6;
} }
.layedit-tool-html { .layedit-tool-html {
@ -1473,7 +1473,7 @@ a cite {
.layui-laypage input, .layui-laypage input,
.layui-laypage select, .layui-laypage select,
.layui-laypage span { .layui-laypage span {
border: 1px solid #eee; border: 1px solid @global-neutral-color-3;
} }
.layui-laypage a, .layui-laypage a,
@ -1619,7 +1619,7 @@ a cite {
.layui-flow-more a cite { .layui-flow-more a cite {
padding: 0 20px; padding: 0 20px;
border-radius: 3px; border-radius: 3px;
background-color: #eee; background-color: @global-neutral-color-3;
color: #333; color: #333;
font-style: normal; font-style: normal;
} }
@ -1678,7 +1678,7 @@ a cite {
.layui-upload-drag { .layui-upload-drag {
position: relative; position: relative;
padding: 30px; padding: 30px;
border: 1px dashed #e2e2e2; border: 1px dashed @global-neutral-color-4;
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -1745,7 +1745,7 @@ a cite {
} }
.layui-menu li:hover { .layui-menu li:hover {
background-color: #f6f6f6; background-color: @global-neutral-color-2;
} }
.layui-menu-item-parent:hover > .layui-menu-body-panel { .layui-menu-item-parent:hover > .layui-menu-body-panel {
@ -1788,7 +1788,7 @@ a cite {
padding: 0; padding: 0;
height: 0; height: 0;
line-height: 0; line-height: 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid @global-neutral-color-3;
overflow: hidden; overflow: hidden;
} }
@ -1824,7 +1824,7 @@ a cite {
.layui-menu .layui-menu-item-checked, .layui-menu .layui-menu-item-checked,
.layui-menu .layui-menu-item-checked2 { .layui-menu .layui-menu-item-checked2 {
background-color: #f6f6f6 !important; background-color: @global-neutral-color-2 !important;
border-radius: 2px; border-radius: 2px;
color: @global-checked-color; color: @global-checked-color;
} }
@ -1933,7 +1933,7 @@ a cite {
} }
.layui-dropdown dl > .layui-dropdown-menu { .layui-dropdown dl > .layui-dropdown-menu {
border: 1px solid #eee; border: 1px solid @global-neutral-color-3;
border-radius: @global-border-radius; border-radius: @global-border-radius;
} }
@ -1984,7 +1984,7 @@ a cite {
width: 30px; width: 30px;
height: 36px; height: 36px;
line-height: 26px; line-height: 26px;
border: 1px solid #eee; border: 1px solid @global-neutral-color-3;
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
@ -2028,7 +2028,7 @@ a cite {
.layui-breadcrumb span[lay-separator] { .layui-breadcrumb span[lay-separator] {
margin: 0 10px; margin: 0 10px;
color: #ccc; color: @global-neutral-color-7;
} }
.layui-tab { .layui-tab {
@ -2128,7 +2128,7 @@ a cite {
} }
.layui-tab-more li.layui-this:after { .layui-tab-more li.layui-this:after {
border-bottom-color: #eee; border-bottom-color: @global-neutral-color-3;
border-radius: 2px; border-radius: 2px;
} }
@ -2157,7 +2157,7 @@ a cite {
top: 1px; top: 1px;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
color: #c2c2c2; color: @global-neutral-color-8;
transition: all 0.2s; transition: all 0.2s;
-webkit-transition: all 0.2s; -webkit-transition: all 0.2s;
} }
@ -2271,7 +2271,7 @@ a cite {
line-height: 20px; line-height: 20px;
margin: -10px 0 0 -50px; margin: -10px 0 0 -50px;
text-align: center; text-align: center;
color: #c2c2c2; color: @global-neutral-color-8;
font-family: layui-icon !important; font-family: layui-icon !important;
font-size: 30px; font-size: 30px;
font-style: normal; font-style: normal;
@ -2387,7 +2387,7 @@ a cite {
height: 10px; height: 10px;
margin: 0 3px; margin: 0 3px;
font-size: 14px; font-size: 14px;
background-color: #eee; background-color: @global-neutral-color-3;
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
@ -2606,7 +2606,7 @@ body .layui-util-face .layui-layer-content {
margin: 10px 0; margin: 10px 0;
padding: 15px; padding: 15px;
line-height: 20px; line-height: 20px;
border: 1px solid #eee; border: 1px solid @global-neutral-color-3;
border-left-width: 6px; border-left-width: 6px;
background-color: @global-neutral-color-1; background-color: @global-neutral-color-1;
color: #333; color: #333;
@ -2615,7 +2615,7 @@ body .layui-util-face .layui-layer-content {
} }
.layui-colorpicker { .layui-colorpicker {
border: 1px solid #eee; border: 1px solid @global-neutral-color-3;
padding: 5px; padding: 5px;
border-radius: @global-border-radius; border-radius: @global-border-radius;
line-height: 24px; line-height: 24px;
@ -2626,7 +2626,7 @@ body .layui-util-face .layui-layer-content {
} }
.layui-colorpicker:hover { .layui-colorpicker:hover {
border-color: #d2d2d2; border-color: @global-neutral-color-6;
} }
.layui-colorpicker.layui-colorpicker-lg { .layui-colorpicker.layui-colorpicker-lg {
@ -2681,7 +2681,7 @@ body .layui-util-face .layui-layer-content {
margin: 5px 0; margin: 5px 0;
padding: 7px; padding: 7px;
background: #fff; background: #fff;
border: 1px solid #d2d2d2; border: 1px solid @global-neutral-color-6;
border-radius: 2px; border-radius: 2px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
} }
@ -2826,7 +2826,7 @@ body .layui-util-face .layui-layer-content {
.layui-slider { .layui-slider {
height: 4px; height: 4px;
background: #eee; background: @global-neutral-color-3;
border-radius: 3px; border-radius: 3px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
@ -2919,7 +2919,7 @@ body .layui-util-face .layui-layer-content {
.layui-slider-input { .layui-slider-input {
width: 70px; width: 70px;
height: 32px; height: 32px;
border: 1px solid #eee; border: 1px solid @global-neutral-color-3;
border-radius: 3px; border-radius: 3px;
font-size: 16px; font-size: 16px;
line-height: 32px; line-height: 32px;
@ -2934,7 +2934,7 @@ body .layui-util-face .layui-layer-content {
right: 0; right: 0;
width: 20px; width: 20px;
height: 100%; height: 100%;
border-left: 1px solid #eee; border-left: 1px solid @global-neutral-color-3;
} }
.layui-slider-input-btn i { .layui-slider-input-btn i {
@ -2952,7 +2952,7 @@ body .layui-util-face .layui-layer-content {
.layui-slider-input-btn i:first-child { .layui-slider-input-btn i:first-child {
top: 0; top: 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid @global-neutral-color-3;
} }
.layui-slider-input-txt { .layui-slider-input-txt {
@ -3063,7 +3063,7 @@ body .layui-util-face .layui-layer-content {
} }
.layui-tree-entry:hover { .layui-tree-entry:hover {
background-color: #eee; background-color: @global-neutral-color-3;
} }
.layui-tree-line .layui-tree-entry:hover { .layui-tree-line .layui-tree-entry:hover {