完善科幻风格文档；

public/static/common/css/theme/_sicfi.scss

@@ -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);
 // 更强的激活状态,适合做选项操作时使用
@@ -111,8 +113,8 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
 
     }
 
-    &.layui-btn-primary{
+    &.layui-btn-primary {
-        border          : unset;
+        border: unset;
     }
 
     &.layui-btn-normal {
@@ -120,9 +122,10 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
         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;
 }

public/static/common/css/theme/index.css

@@ -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 {
@@ -473,3 +479,32 @@
 .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);
+}