完善科幻风格文档;

This commit is contained in:
2022-07-01 23:23:41 +08:00
parent ec7f8a7479
commit 25fd0bd227
2 changed files with 94 additions and 13 deletions

View File

@@ -5,6 +5,8 @@ $main-color :rgb(126, 252, 246);
// 通常用于边框
$less-main-color:rgb(6, 216, 215);
$plus-main-color:rgb(0, 125, 124);
// 通常用于激活状态,通常跟背景色搭配
$cover-color :rgba(62, 251, 251, 0.05);
// 更强的激活状态,适合做选项操作时使用
@@ -43,7 +45,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
color : rgb(126, 252, 246);
text-shadow : rgb(126, 252, 246) 0px 0px 1px;
background-color: rgb(126, 252, 246);
&::before {
content : '';
@@ -104,25 +106,26 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
color : rgb(255, 255, 153);
background-color: rgb(255, 255, 153);
border : unset;
&:hover::after {
background-color: rgba(255, 255, 153, 0.2);
}
}
&.layui-btn-primary{
border : unset;
&.layui-btn-primary {
border: unset;
}
&.layui-btn-normal {
color : $black-color;
background-color: $main-color;
border : unset;
&::before{
&::before {
background-color: $main-color;
}
&:hover::after {
background-color: $main-color;
}
@@ -224,6 +227,10 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
}
.layuimini-tab .layui-tab-title span {
color: $active-color;
}
.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
.layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
color: $main-color !important;
@@ -413,6 +420,11 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-side.layui-bg-black>.layuimini-menu-left>ul,
.layuimini-menu-left-zoom>ul {
background-color: $black-color !important;
}
.layui-side {
border-right: 1px solid $main-color;
}
.layui-bg-blue {
@@ -543,7 +555,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-tab-title,
.layui-tab-title .layui-this::after,
.layui-textarea {
border-color: $main-color;
border-color: $main-color !important;
}
.form-search .layui-input-inline input,
@@ -559,10 +571,44 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
color: $main-color;
}
.layui-form-item{
.layui-form-item {
margin-bottom: 12px;
}
.layuimini-upload .layuimini-upload-btn{
.layuimini-upload .layuimini-upload-btn {
background-color: $black-color;
}
.layui-layer-content {
border: 1px solid $main-color;
}
.layui-layer-easy .layui-layer-title {
background-color: $plus-main-color !important;
color : $main-color !important;
}
.tableSelect {
background-color: $black-color !important;
border-color : $less-main-color !important;
}
.layui-table td,
.layui-table th,
.layui-table-col-set,
.layui-table-fixed-r,
.layui-table-grid-down,
.layui-table-header,
.layui-table-page,
.layui-table-tips-main,
.layui-table-tool,
.layui-table-total,
.layui-table-view,
.layui-table[lay-skin="line"],
.layui-table[lay-skin="row"] {
border-color: $less-main-color;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr{
background-color: $black-color;
}

View File

@@ -214,6 +214,9 @@
background-color: rgba(62, 251, 251, 0.05) !important;
border-color: rgb(6, 216, 215);
}
.elem-style-sicfi .layuimini-tab .layui-tab-title span {
color: rgba(62, 251, 251, 0.5);
}
.elem-style-sicfi .layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
.elem-style-sicfi .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
color: rgb(126, 252, 246) !important;
@@ -357,6 +360,9 @@
.elem-style-sicfi .layuimini-menu-left-zoom > ul {
background-color: rgb(2, 17, 20) !important;
}
.elem-style-sicfi .layui-side {
border-right: 1px solid rgb(126, 252, 246);
}
.elem-style-sicfi .layui-bg-blue {
background-color: #0000ff !important;
}
@@ -455,7 +461,7 @@
.elem-style-sicfi .layui-tab-title,
.elem-style-sicfi .layui-tab-title .layui-this::after,
.elem-style-sicfi .layui-textarea {
border-color: rgb(126, 252, 246);
border-color: rgb(126, 252, 246) !important;
}
.elem-style-sicfi .form-search .layui-input-inline input,
.elem-style-sicfi .form-search .layui-input-inline select {
@@ -472,4 +478,33 @@
}
.elem-style-sicfi .layuimini-upload .layuimini-upload-btn {
background-color: rgb(2, 17, 20);
}
.elem-style-sicfi .layui-layer-content {
border: 1px solid rgb(126, 252, 246);
}
.elem-style-sicfi .layui-layer-easy .layui-layer-title {
background-color: rgb(0, 125, 124) !important;
color: rgb(126, 252, 246) !important;
}
.elem-style-sicfi .tableSelect {
background-color: rgb(2, 17, 20) !important;
border-color: rgb(6, 216, 215) !important;
}
.elem-style-sicfi .layui-table td,
.elem-style-sicfi .layui-table th,
.elem-style-sicfi .layui-table-col-set,
.elem-style-sicfi .layui-table-fixed-r,
.elem-style-sicfi .layui-table-grid-down,
.elem-style-sicfi .layui-table-header,
.elem-style-sicfi .layui-table-page,
.elem-style-sicfi .layui-table-tips-main,
.elem-style-sicfi .layui-table-tool,
.elem-style-sicfi .layui-table-total,
.elem-style-sicfi .layui-table-view,
.elem-style-sicfi .layui-table[lay-skin=line],
.elem-style-sicfi .layui-table[lay-skin=row] {
border-color: rgb(6, 216, 215);
}
.elem-style-sicfi .layui-table tbody tr:hover, .elem-style-sicfi .layui-table thead tr, .elem-style-sicfi .layui-table-click, .elem-style-sicfi .layui-table-header, .elem-style-sicfi .layui-table-hover, .elem-style-sicfi .layui-table-mend, .elem-style-sicfi .layui-table-patch, .elem-style-sicfi .layui-table-tool, .elem-style-sicfi .layui-table-total, .elem-style-sicfi .layui-table-total tr {
background-color: rgb(2, 17, 20);
}