ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-01 10:32:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

增加主题颜色;

Browse Source
This commit is contained in:
augushong
2021-09-07 17:09:54 +08:00
parent 4f4a26184c
commit e2a4bca9e9
3 changed files with 498 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
public/cdn/layui-ul-change-gray.css Normal file
View File

@@ -0,0 +1,166 @@
@media screen and (max-width: 768px){
}
.layui-nav-tree .layui-nav-item a:hover{
background-color: #000000;
}
.layui-bg-black{
background-color: #006699 !important;
}
.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: #000000;
}
.layui-layout-admin .layui-logo{
color: #fff;
line-height: 45px;
}
.layui-layout-admin .layui-header{
background-color: #006699;
}
.layui-nav {
background-color: #006699;
}
.layui-header{
height: 45px;
}
.layui-nav .layui-nav-item{
line-height: 45px;
}
.layui-nav .layui-nav-item a {
color: #FFFFFF;
}
.layui-nav .layui-nav-child a {
color: #006699;
}
.layui-nav .layui-this::after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed::after {
background-color: #CCFFFF;
}
.layui-tab-brief > .layui-tab-title .layui-this{
color: #006699;
}
.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
border-color: #006699;
}
.layui-btn{
background-color: #006699;
}
.layui-form-radio > i:hover, .layui-form-radioed > i{
color: #006699;
}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i{
color: #006699;
}
.layui-elem-quote{
border-color: #006699;
}
.layui-laydate td.layui-this{
background-color: #006699 !important;
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
border-color: #006699;
}
.layui-form-checked[lay-skin="primary"] i{
border-color: #006699 !important;
background-color: #006699 !important;
}
.layui-form-select dl dd.layui-this{
background-color: #006699;
}
.layui-btn-primary:hover{
color: #fff;
border-color: #006699;
}
.layui-btn-primary{
color: #fff;
border-color: transparent;
}
.layui-form-label{
width: unset;
padding: 3px 3px;
float: unset;
text-align: left;
font-weight: 600;
font-size: 15px;
}
.layui-input-block{
margin-left: 0;
}
.layui-form-pane .layui-form-label{
float: left;
font-weight: normal;
font-size: 14px;
}
.layui-nav-tree .layui-nav-item a{
height: 35px;
line-height: 35px;
}
.layui-nav-tree{
width: 140px;
}
.layui-layout-admin .layui-side{
width: 140px;
top: 45px;
}
.layui-layout-admin .layui-footer{
left: 140px;
height: 35px;
line-height: 35px;
}
.layui-layout-admin .layui-body{
top: 45px;
}
.layui-side-scroll{
width: 140px;
}
.layui-body{
left: 140px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
background-color: #000000;
}
.layui-nav-tree .layui-nav-bar{
background-color: #006699;
}
.layui-form-label .layui-word-aux{
font-size: 12px;
}
body .layui-laydate .layui-this{
background-color: #000000 !important;
}

166
public/cdn/layui-ul-change-green.css Normal file
View File

@@ -0,0 +1,166 @@
@media screen and (max-width: 768px){
}
.layui-nav-tree .layui-nav-item a:hover{
background-color: #006600;
}
.layui-bg-black{
background-color: #66CC66 !important;
}
.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: #006600;
}
.layui-layout-admin .layui-logo{
color: #fff;
line-height: 45px;
}
.layui-layout-admin .layui-header{
background-color: #509c50;
}
.layui-nav {
background-color: #66CC66;
}
.layui-header{
height: 45px;
}
.layui-nav .layui-nav-item{
line-height: 45px;
}
.layui-nav .layui-nav-item a {
color: #FFFFFF;
}
.layui-nav .layui-nav-child a {
color: #66CC66;
}
.layui-nav .layui-this::after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed::after {
background-color: #CCFFFF;
}
.layui-tab-brief > .layui-tab-title .layui-this{
color: #66CC66;
}
.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
border-color: #66CC66;
}
.layui-btn{
background-color: #66CC66;
}
.layui-form-radio > i:hover, .layui-form-radioed > i{
color: #66CC66;
}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i{
color: #66CC66;
}
.layui-elem-quote{
border-color: #66CC66;
}
.layui-laydate td.layui-this{
background-color: #66CC66 !important;
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
border-color: #66CC66;
}
.layui-form-checked[lay-skin="primary"] i{
border-color: #66CC66 !important;
background-color: #66CC66 !important;
}
.layui-form-select dl dd.layui-this{
background-color: #66CC66;
}
.layui-btn-primary:hover{
color: #fff;
border-color: #66CC66;
}
.layui-btn-primary{
color: #fff;
border-color: transparent;
}
.layui-form-label{
width: unset;
padding: 3px 3px;
float: unset;
text-align: left;
font-weight: 600;
font-size: 15px;
}
.layui-input-block{
margin-left: 0;
}
.layui-form-pane .layui-form-label{
float: left;
font-weight: normal;
font-size: 14px;
}
.layui-nav-tree .layui-nav-item a{
height: 35px;
line-height: 35px;
}
.layui-nav-tree{
width: 140px;
}
.layui-layout-admin .layui-side{
width: 140px;
top: 45px;
}
.layui-layout-admin .layui-footer{
left: 140px;
height: 35px;
line-height: 35px;
}
.layui-layout-admin .layui-body{
top: 45px;
}
.layui-side-scroll{
width: 140px;
}
.layui-body{
left: 140px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
background-color: #006600;
}
.layui-nav-tree .layui-nav-bar{
background-color: #66CC66;
}
.layui-form-label .layui-word-aux{
font-size: 12px;
}
body .layui-laydate .layui-this{
background-color: #006600 !important;
}

166
public/cdn/layui-ul-change-pink.css Normal file
View File

@@ -0,0 +1,166 @@
@media screen and (max-width: 768px){
}
.layui-nav-tree .layui-nav-item a:hover{
background-color: #FFCCCC;
}
.layui-bg-black{
background-color: #CCCCFF !important;
}
.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: #FFCCCC;
}
.layui-layout-admin .layui-logo{
color: #fff;
line-height: 45px;
}
.layui-layout-admin .layui-header{
background-color: #CCCCFF;
}
.layui-nav {
background-color: #CCCCFF;
}
.layui-header{
height: 45px;
}
.layui-nav .layui-nav-item{
line-height: 45px;
}
.layui-nav .layui-nav-item a {
color: #FFFFFF;
}
.layui-nav .layui-nav-child a {
color: #CCCCFF;
}
.layui-nav .layui-this::after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed::after {
background-color: #CCFFFF;
}
.layui-tab-brief > .layui-tab-title .layui-this{
color: #CCCCFF;
}
.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
border-color: #CCCCFF;
}
.layui-btn{
background-color: #CCCCFF;
}
.layui-form-radio > i:hover, .layui-form-radioed > i{
color: #CCCCFF;
}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i{
color: #CCCCFF;
}
.layui-elem-quote{
border-color: #CCCCFF;
}
.layui-laydate td.layui-this{
background-color: #CCCCFF !important;
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
border-color: #CCCCFF;
}
.layui-form-checked[lay-skin="primary"] i{
border-color: #CCCCFF !important;
background-color: #CCCCFF !important;
}
.layui-form-select dl dd.layui-this{
background-color: #CCCCFF;
}
.layui-btn-primary:hover{
color: #fff;
border-color: #CCCCFF;
}
.layui-btn-primary{
color: #fff;
border-color: transparent;
}
.layui-form-label{
width: unset;
padding: 3px 3px;
float: unset;
text-align: left;
font-weight: 600;
font-size: 15px;
}
.layui-input-block{
margin-left: 0;
}
.layui-form-pane .layui-form-label{
float: left;
font-weight: normal;
font-size: 14px;
}
.layui-nav-tree .layui-nav-item a{
height: 35px;
line-height: 35px;
}
.layui-nav-tree{
width: 140px;
}
.layui-layout-admin .layui-side{
width: 140px;
top: 45px;
}
.layui-layout-admin .layui-footer{
left: 140px;
height: 35px;
line-height: 35px;
}
.layui-layout-admin .layui-body{
top: 45px;
}
.layui-side-scroll{
width: 140px;
}
.layui-body{
left: 140px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
background-color: #FFCCCC;
}
.layui-nav-tree .layui-nav-bar{
background-color: #CCCCFF;
}
.layui-form-label .layui-word-aux{
font-size: 12px;
}
body .layui-laydate .layui-this{
background-color: #FFCCCC !important;
}