Skip to content

Commit

Permalink
feat: 同步 layui-2.8.0-rc.16 更新内容
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sight-wcg
Sight-wcg committed Apr 21, 2023
1 parent 045d00b commit 8e65bfd
Show file tree
Hide file tree
Showing 12 changed files with 5,272 additions and 68 deletions.
50 changes: 34 additions & 16 deletions dist/layui-theme-dark-legacy.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,17 @@
--lay-color-lightgreen-9: #0D6730;
--lay-color-lightgreen-10: #004D20; */

/* --lay-color-black-1: #E8F2FF;
--lay-color-black-2: #C1CBDB;
--lay-color-black-3: #9CA5B6;
--lay-color-black-4: #798192;
--lay-color-black-5: #585E6D;
--lay-color-black-6: #393D49;
--lay-color-black-7: #2B3149;
--lay-color-black-8: #1D2549;
--lay-color-black-9: #0E1749;
--lay-color-black-10: #000949; */

/* =====语义===== */
/* 主色 */

Expand Down Expand Up @@ -82,8 +93,9 @@ a:hover{color:rgba(255,255,255,.5)}
.layui-bg-green{background-color:#16BAAA!important;color: #FAFAFA!important}
.layui-bg-cyan{background-color:#2F4056!important;color: #FAFAFA!important}
.layui-bg-blue{background-color: #1E9FFF!important;color: #FAFAFA!important}
.layui-bg-black{background-color:#393D49!important;color: #FAFAFA!important}
.layui-bg-gray{background-color:#FAFAFA!important;color: #393D49!important}
.layui-bg-black{background-color:#2F363C!important;color: #FAFAFA!important}
.layui-bg-purple{background-color: #A233C6!important; color: #FAFAFA!important;}
.layui-bg-gray{background-color:#FAFAFA!important;color: #2F363C!important}
/* 徽章 */
.layui-badge-rim{border-color: #2e2e30}
.layui-border{border-color: #2e2e30}
Expand All @@ -110,7 +122,8 @@ a:hover{color:rgba(255,255,255,.5)}
.layui-border-green{border-color:#16BAAA!important;color:#16BAAA!important}
.layui-border-cyan{border-color:#2F4056!important;color:#2F4056!important}
.layui-border-blue{border-color: #1E9FFF!important;color: #1E9FFF!important}
.layui-border-black{border-color:#393D49!important;color:#585E6D!important}
.layui-border-purple{border-color: #A233C6!important; color: #A233C6!important;}
.layui-border-black{border-color:#2F363C!important;color:#505B63!important}
/* 文本区域 */
.layui-text{color:rgba(255,255,255,.5)}
.layui-text h1{color: rgba(255,255,255,.7)}
Expand All @@ -131,6 +144,7 @@ a:hover{color:rgba(255,255,255,.5)}
.layui-font-cyan{color:#2F4056!important}
.layui-font-blue{color:#31BDEC!important}
.layui-font-black{color:#333333!important}
.layui-font-purple{color:#A233C6!important;}
.layui-font-gray{color:#CCCCCC!important}
/* 按钮 */
.layui-btn{border:1px solid transparent;background-color:#16BAAA;color: rgba(255,255,255,.9)}
Expand Down Expand Up @@ -194,7 +208,7 @@ a:hover{color:rgba(255,255,255,.5)}
}
.layui-form-select dl dd.layui-disabled{background-color: #373739}
.layui-form-select dl dd:hover.layui-disabled{background-color: #373739}
.layui-select-none{color:#1D2549}
.layui-select-none{color:#18293C}
.layui-select-disabled .layui-disabled{border-color:#EEEEEE!important}
.layui-select-disabled .layui-edge{border-top-color:#D2D2D2}
/* 复选框 */
Expand Down Expand Up @@ -230,15 +244,19 @@ a:hover{color:rgba(255,255,255,.5)}
:root .layui-form-checked.layui-checkbox-disabled[lay-skin=primary] i{filter: none\9
}
.layui-checkbox-disabled[lay-skin=primary]:hover i{border-color:#2e2e30}
.layui-form-checkbox[lay-skin="primary"] > i.layui-icon-subtraction {border-color: #484849;}
.layui-form-checkbox[lay-skin="primary"]:hover i.layui-icon-subtraction {border-color: #484849;}
.layui-form-checkbox[lay-skin="primary"] > i.layui-icon-subtraction:before,
.layui-form-checkbox[lay-skin="primary"]:hover i.layui-icon-subtraction:before {color: darkgray; opacity: 1; filter: alpha(opacity=100);}
/* 复选框-开关风格 */
.layui-form-switch{border-color:#484849;background-color:rgba(255,255,255,.08);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14ffffff', endColorstr='#14ffffff')}
:root .layui-form-switch{filter: none\9
}
.layui-form-switch i{background-color:#CCCCCC}
.layui-form-switch.layui-checkbox-disabled i{background-color:#CCCCCC}
.layui-form-switch i{background-color:#E2E2E2}
.layui-form-switch.layui-checkbox-disabled i{background-color:#E2E2E2}
.layui-form-switch em{color:#C2C2C2!important}
.layui-form-onswitch{border-color:#0E9C68;background-color:#16B777}
.layui-form-onswitch i{background-color:#CCCCCC}
.layui-form-onswitch i{background-color:#E2E2E2}
.layui-form-onswitch em{color:rgba(255,255,255,.9)!important}
.layui-checkbox-disabled{border-color:#484849!important}
.layui-checkbox-disabled span{background-color:rgba(255,255,255,.12)!important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1effffff', endColorstr='#1effffff');color: rgba(255,255,255,.3);}
Expand Down Expand Up @@ -396,8 +414,8 @@ body .layui-table-tips .layui-layer-content{box-shadow:0 1px 6px rgba(0,0,0,.12)
.layui-nav-itemed>.layui-nav-child{background-color:rgba(0, 0, 0, .3) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c000000', endColorstr='#4c000000')}
:root .layui-nav-itemed>.layui-nav-child{filter: none\9
}
.layui-nav-tree.layui-bg-gray a{color: #798192}
.layui-nav.layui-bg-gray .layui-nav-item a{color: #798192}
.layui-nav-tree.layui-bg-gray a{color: #73818A}
.layui-nav.layui-bg-gray .layui-nav-item a{color: #73818A}
.layui-nav.layui-bg-gray .layui-nav-child{background-color: #FAFAFA;}
.layui-nav-tree.layui-bg-gray .layui-nav-itemed>a{color:#333!important}
.layui-nav.layui-bg-gray .layui-this a{color:#16B777}
Expand Down Expand Up @@ -434,7 +452,7 @@ body .layui-table-tips .layui-layer-content{box-shadow:0 1px 6px rgba(0,0,0,.12)
.layui-badge{background-color:#FF5722;color: #FAFAFA}
.layui-badge-dot{background-color:#FF5722;color: #FAFAFA}
.layui-badge-rim{background-color:#FF5722;color: #FAFAFA}
.layui-badge-rim{background-color: #FAFAFA;color:#393D49}
.layui-badge-rim{background-color: #FAFAFA;color:#2F363C}
/* carousel 轮播 */
.layui-carousel{background-color:#F6F6F6}
.layui-carousel>[carousel-item]:before{color:#C2C2C2;-moz-osx-font-smoothing:grayscale}
Expand All @@ -454,7 +472,7 @@ body .layui-table-tips .layui-layer-content{box-shadow:0 1px 6px rgba(0,0,0,.12)
.layui-carousel-ind ul li:hover{background-color: #FAFAFA}
.layui-carousel-ind ul li.layui-this{background-color: #FAFAFA}
/** fixbar **/
.layui-fixbar li{background-color:#585E6D;color: rgba(255,255,255,.9)}
.layui-fixbar li{background-color:#505B63;color: rgba(255,255,255,.9)}
/** 表情面板 **/
body .layui-util-face .layui-layer-content{background-color: #373739;color:rgba(255,255,255,.7)}
.layui-util-face ul{border:1px solid #5f5f60;background-color: #373739;box-shadow:0 0 20px rgba(0,0,0,.2)}
Expand All @@ -463,7 +481,7 @@ body .layui-util-face .layui-layer-content{background-color: #373739;color:rgba(
:root .layui-util-face ul li:hover{filter: none\9
}
/** 代码文本修饰 **/
.layui-code{border:1px solid #484849;background-color: #f6f6f6;color: #585E6D}
.layui-code{border:1px solid #484849;background-color: #f6f6f6;color: #505B63}
/** 穿梭框 **/
.layui-transfer-box{border-color: #484849}
.layui-transfer-header{border-color: #484849}
Expand All @@ -481,7 +499,7 @@ body .layui-util-face .layui-layer-content{background-color: #373739;color:rgba(
.layui-colorpicker:hover{border-color: #484849}
.layui-colorpicker-trigger-span{border:1px solid #333333}
.layui-colorpicker-trigger-i{color: #FAFAFA}
.layui-colorpicker-trigger-i.layui-icon-close{color:#2B3149}
.layui-colorpicker-trigger-i.layui-icon-close{color:#23303C}
.layui-colorpicker-main{background: #232324;border:1px solid #484849;box-shadow:0 2px 4px rgba(0,0,0,.12)}
.layui-colorpicker-basis-white{background:linear-gradient(90deg, #fff,hsla(0,0%,100%,0))} /* danger: 勿改*/
.layui-colorpicker-basis-black{background:linear-gradient(0deg,#000,transparent)} /* danger: 勿改*/
Expand Down Expand Up @@ -515,7 +533,7 @@ body .layui-util-face .layui-layer-content{background-color: #373739;color:rgba(
.layui-tree-icon .layui-icon{color:rgba(255,255,255,.9)}
.layui-tree-iconArrow:after{border-color:transparent transparent transparent #CCCCCC}
.layui-tree-txt{color:rgba(255,255,255,.7)}
.layui-tree-search{color:#2B3149}
.layui-tree-search{color:#23303C}
.layui-tree-btnGroup .layui-icon:hover{color:rgba(255,255,255,.7)}
.layui-tree-editInput{background-color:rgba(255,255,255,.08);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14ffffff', endColorstr='#14ffffff')}
:root .layui-tree-editInput{filter: none\9
Expand All @@ -537,7 +555,7 @@ body .layui-util-face .layui-layer-content{background-color: #373739;color:rgba(
.layui-laydate-footer span{border:1px solid #484849;background-color: #373739}
.layui-laydate-footer span:hover{color:#16B777}
.layui-laydate-footer span.layui-laydate-preview{border-color:transparent!important;}
.layui-laydate-footer span.layui-laydate-preview:hover{color:#2B3149}
.layui-laydate-footer span.layui-laydate-preview:hover{color:#23303C}
.layui-laydate-shortcut+.layui-laydate-main{border-left:1px solid #484849}
.layui-laydate .layui-laydate-list{background-color: #373739}
.layui-laydate-hint{color:#FF5722}
Expand Down Expand Up @@ -641,7 +659,7 @@ body .layui-util-face .layui-layer-content{background-color: #373739;color:rgba(
.layui-layer-tips i.layui-layer-TipsR{border-bottom-color:#333333}
.layui-layer-lan .layui-layer-title{background:#46B5FF;color: rgba(255,255,255,.9)}
.layui-layer-lan .layui-layer-btn{border-top:1px solid #5f5f60}
.layui-layer-lan .layui-layer-btn a{background: #FAFAFA;border-color:#5f5f60;color: #2B3149}
.layui-layer-lan .layui-layer-btn a{background: #FAFAFA;border-color:#5f5f60;color: #23303C}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background: #CCCCCC}
.layui-layer-molv .layui-layer-title{background:#16BAAA;color: rgba(255,255,255,.9)}
.layui-layer-molv .layui-layer-btn a{background:#16BAAA;border-color:#16BAAA}
Expand Down
39 changes: 34 additions & 5 deletions dist/layui-theme-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,29 @@
--lay-color-cyan-9: #0B214F;
--lay-color-cyan-10: #00174D;

--lay-color-black-1: #E8F2FF;
--lay-color-purple-1: #FDE8FF;
--lay-color-purple-2: #EDBEF4;
--lay-color-purple-3: #DC97E8;
--lay-color-purple-4: #C972DD;
--lay-color-purple-5: #B651D1;
--lay-color-purple-6: #A233C6;
--lay-color-purple-7: #8120A8;
--lay-color-purple-8: #631289;
--lay-color-purple-9: #48076B;
--lay-color-purple-10: #2F004D;

--lay-color-black-1: #E8F8FF;
--lay-color-black-2: #BFD0D8;
--lay-color-black-3: #98A8B1;
--lay-color-black-4: #73818A;
--lay-color-black-5: #505B63;
--lay-color-black-6: #2F363C;
--lay-color-black-7: #23303C;
--lay-color-black-8: #18293C;
--lay-color-black-9: #0C213C;
--lay-color-black-10: #00183C;

/* --lay-color-black-1: #E8F2FF;
--lay-color-black-2: #C1CBDB;
--lay-color-black-3: #9CA5B6;
--lay-color-black-4: #798192;
Expand All @@ -115,7 +137,7 @@
--lay-color-black-7: #2B3149;
--lay-color-black-8: #1D2549;
--lay-color-black-9: #0E1749;
--lay-color-black-10: #000949;
--lay-color-black-10: #000949; */

--lay-color-gray-1: #FAFAFA;
--lay-color-gray-2: #F6F6F6;
Expand Down Expand Up @@ -245,6 +267,7 @@ a:hover{color:var(--lay-color-text-3)}
.layui-bg-cyan{background-color:var(--lay-color-cyan-6)!important;color: var(--lay-color-white)!important}
.layui-bg-blue{background-color: var(--lay-color-blue-6)!important;color: var(--lay-color-white)!important}
.layui-bg-black{background-color:var(--lay-color-black-6)!important;color: var(--lay-color-white)!important}
.layui-bg-purple{background-color: var(--lay-color-purple-6)!important; color: var(--lay-color-white)!important;}
.layui-bg-gray{background-color:var(--lay-color-gray-1)!important;color: var(--lay-color-black-6)!important}
/* 徽章 */
.layui-badge-rim,.layui-border,.layui-colla-content,.layui-colla-item,.layui-collapse,.layui-elem-field,.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-input-split,.layui-panel,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title .layui-this:after,.layui-textarea{border-color: var(--lay-color-border-1)}
Expand All @@ -255,6 +278,7 @@ a:hover{color:var(--lay-color-text-3)}
.layui-border-green{border-color:var(--lay-color-green-6)!important;color:var(--lay-color-green-6)!important}
.layui-border-cyan{border-color:var(--lay-color-cyan-6)!important;color:var(--lay-color-cyan-6)!important}
.layui-border-blue{border-color: var(--lay-color-blue-6)!important;color: var(--lay-color-blue-6)!important}
.layui-border-purple{border-color: var(--lay-color-purple-6)!important; color: var(--lay-color-purple-6)!important;}
.layui-border-black{border-color:var(--lay-color-black-6)!important;color:var(--lay-color-black-5)!important}
/* 文本区域 */
.layui-text{color:var(--lay-color-text-3)}
Expand All @@ -270,6 +294,7 @@ a:hover{color:var(--lay-color-text-3)}
.layui-font-cyan{color:var(--lay-color-cyan-6)!important}
.layui-font-blue{color:var(--lay-color-lightblue-6)!important}
.layui-font-black{color:var(--lay-color-black)!important}
.layui-font-purple{color:var(--lay-color-purple-6)!important;}
.layui-font-gray{color:var(--lay-color-gray-7)!important}
/* 按钮 */
.layui-btn{border:1px solid transparent;background-color:var(--lay-color-primary);color: var(--lay-color-text-1)}
Expand Down Expand Up @@ -326,13 +351,17 @@ a:hover{color:var(--lay-color-text-3)}
.layui-checkbox-disabled[lay-skin=primary] span{background-image:none!important;background-color:initial!important;color:var(--lay-color-text-4)!important}
.layui-form-checked.layui-checkbox-disabled[lay-skin=primary] i{background-image:initial!important;background-color:var(--lay-color-fill-1)!important;border-color:var(--lay-color-border-2)!important}
.layui-checkbox-disabled[lay-skin=primary]:hover i{border-color:var(--lay-color-border-1)}
.layui-form-checkbox[lay-skin="primary"] > i.layui-icon-subtraction,
.layui-form-checkbox[lay-skin="primary"]:hover i.layui-icon-subtraction {border-color: var(--lay-color-border-2);}
.layui-form-checkbox[lay-skin="primary"] > i.layui-icon-subtraction:before,
.layui-form-checkbox[lay-skin="primary"]:hover i.layui-icon-subtraction:before {color: darkgray; opacity: 1;}
/* 复选框-开关风格 */
.layui-form-switch{border-color:var(--lay-color-border-2);background-color:var(--lay-color-fill-2)}
.layui-form-switch i{background-color:var(--lay-color-gray-7)}
.layui-form-switch.layui-checkbox-disabled i{background-color:var(--lay-color-gray-7)}
.layui-form-switch i{background-color:var(--lay-color-gray-4)}
.layui-form-switch.layui-checkbox-disabled i{background-color:var(--lay-color-gray-4)}
.layui-form-switch em{color:var(--lay-color-gray-8)!important}
.layui-form-onswitch{border-color:var(--lay-color-secondary-active);background-color:var(--lay-color-secondary)}
.layui-form-onswitch i{background-color:var(--lay-color-gray-7)}
.layui-form-onswitch i{background-color:var(--lay-color-gray-4)}
.layui-form-onswitch em{color:var(--lay-color-text-1)!important}
.layui-checkbox-disabled{border-color:var(--lay-color-border-2)!important}
.layui-checkbox-disabled span{background-color:var(--lay-color-fill-3)!important;color: var(--lay-color-text-4);}
Expand Down
Loading

1 comment on commit 8e65bfd

@Sight-wcg
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • black 颜色更改
  • 新增 purple 紫色
  • 半选效果

Please sign in to comment.