From 38fbc97c0d9242a555424fbf97f363c8722bef73 Mon Sep 17 00:00:00 2001 From: augushong Date: Sat, 2 Jul 2022 11:48:12 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=8E=9F=E5=9E=8B=E7=9A=AE?= =?UTF-8?q?=E8=82=A4=EF=BC=9B=E5=9F=BA=E6=9C=AC=E5=AE=8C=E6=88=90=E7=A7=91?= =?UTF-8?q?=E5=B9=BB=E7=9A=AE=E8=82=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/static/common/css/theme/_demo.scss | 20 ++++ public/static/common/css/theme/_sicfi.scss | 85 +++++++++++++- public/static/common/css/theme/index.css | 106 ++++++++++++++---- .../common/css/theme/sicfi/button_line.svg | 8 -- 4 files changed, 186 insertions(+), 33 deletions(-) delete mode 100644 public/static/common/css/theme/sicfi/button_line.svg diff --git a/public/static/common/css/theme/_demo.scss b/public/static/common/css/theme/_demo.scss index c88ad9a..ee16320 100644 --- a/public/static/common/css/theme/_demo.scss +++ b/public/static/common/css/theme/_demo.scss @@ -58,4 +58,24 @@ .layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #6C6E71 !important; +} + +.layuimini-container .layui-form-onswitch { + background-color: #cde7ff !important; + border-color : #cde7ff !important; +} + +.layuimini-container .layui-form-switch { + + background-color: #6C6E71; + border-color : #6C6E71; +} + +.layui-table-tool .layui-inline[lay-event] { + border-color: transparent; +} + +.layui-form-checked[lay-skin="primary"] i { + border-color : #cde7ff !important; + background-color: #cde7ff !important; } \ No newline at end of file diff --git a/public/static/common/css/theme/_sicfi.scss b/public/static/common/css/theme/_sicfi.scss index eb67bb8..5638768 100644 --- a/public/static/common/css/theme/_sicfi.scss +++ b/public/static/common/css/theme/_sicfi.scss @@ -191,9 +191,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, border-color: $less-main-color; } -.layui-layer { - background-color: $black-color; -} + .color-content>ul>li>a>div>span:nth-child(2) { background-color: $black-color !important; @@ -579,8 +577,9 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, background-color: $black-color; } -.layui-layer-content { - border: 1px solid $main-color; +.layui-layer { + border : 1px solid $main-color; + background-color: $black-color; } .layui-layer-easy .layui-layer-title { @@ -609,6 +608,80 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 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{ +.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; +} + +.hr-line { + color : $main-color; + border-color : $less-main-color; + background-color: $main-color; +} + +.layui-layer-easy .layui-layer-btn { + background-color: $black-color; + border-top : 1px solid $less-main-color; +} + +.layui-layer-easy .layui-layer-btn .layui-layer-btn0 { + background-color: $main-color; + border-color : $less-main-color; + color : $main-color !important; + clip-path : $box-shape; +} + +.layui-layer-easy .layui-layer-btn a { + @extend .layui-btn +} + +.layui-layer-shade { + background-color: #fff !important; +} + +.layuimini-menu-left { + + .layui-nav .layui-nav-item { + clip-path: $box-shape; + color : $main-color; + + &.layui-this a { + background-color: $main-color !important; + color : $black-color !important; + } + + &.layui-this { + background-color: $main-color !important; + color : $black-color !important; + + span { + background-color: $main-color !important; + color : $black-color !important; + + } + } + } + + .layui-nav .layui-nav-item a:hover { + background-color: $active-color !important; + } + +} + +.layuimini-menu-left .layui-nav .layui-nav-item a, +.layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + color: $main-color !important; +} + +.layuimini-menu-left .layui-nav-item a span { + color: $main-color !important; + } \ No newline at end of file diff --git a/public/static/common/css/theme/index.css b/public/static/common/css/theme/index.css index e8a2b2d..5aafb44 100644 --- a/public/static/common/css/theme/index.css +++ b/public/static/common/css/theme/index.css @@ -1,4 +1,4 @@ -.elem-style-demo .layui-btn { +.elem-style-demo .layui-btn, .elem-style-demo .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-demo a { color: #808185 !important; background-color: #cde7ff !important; border: 1px solid #d3dde6 !important; @@ -47,6 +47,21 @@ .elem-style-demo .layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #6C6E71 !important; } +.elem-style-demo .layuimini-container .layui-form-onswitch { + background-color: #cde7ff !important; + border-color: #cde7ff !important; +} +.elem-style-demo .layuimini-container .layui-form-switch { + background-color: #6C6E71; + border-color: #6C6E71; +} +.elem-style-demo .layui-table-tool .layui-inline[lay-event] { + border-color: transparent; +} +.elem-style-demo .layui-form-checked[lay-skin=primary] i { + border-color: #cde7ff !important; + background-color: #cde7ff !important; +} .elem-style-sicfi { background-color: rgb(2, 17, 20); @@ -61,7 +76,7 @@ .elem-style-sicfi .layuimini-container .layui-table-tool { background-color: rgb(2, 17, 20); } -.elem-style-sicfi .layui-btn { +.elem-style-sicfi .layui-btn, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); padding-right: 10px; @@ -72,7 +87,7 @@ text-shadow: rgb(126, 252, 246) 0px 0px 1px; background-color: rgb(126, 252, 246); } -.elem-style-sicfi .layui-btn::before { +.elem-style-sicfi .layui-btn::before, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a::before { content: ""; display: block; position: absolute; @@ -85,7 +100,7 @@ top: -0.5px; background-color: rgb(2, 17, 20); } -.elem-style-sicfi .layui-btn:hover::after { +.elem-style-sicfi .layui-btn:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a:hover::after { content: ""; display: block; position: absolute; @@ -98,45 +113,45 @@ top: -0.5px; background-color: rgba(126, 252, 246, 0.2); } -.elem-style-sicfi .layui-btn.layui-btn-success { +.elem-style-sicfi .layui-btn.layui-btn-success, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-success { text-shadow: rgb(0, 255, 0) 0px 0px 1px; color: rgb(0, 255, 0); background-color: rgb(0, 255, 0); border: unset; } -.elem-style-sicfi .layui-btn.layui-btn-success:hover::after { +.elem-style-sicfi .layui-btn.layui-btn-success:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-success:hover::after { background-color: rgba(0, 255, 0, 0.2); } -.elem-style-sicfi .layui-btn.layui-btn-danger { +.elem-style-sicfi .layui-btn.layui-btn-danger, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-danger { text-shadow: rgb(255, 0, 0) 0px 0px 1px; color: rgb(255, 0, 0); background-color: rgb(255, 0, 0); border: unset; } -.elem-style-sicfi .layui-btn.layui-btn-danger:hover::after { +.elem-style-sicfi .layui-btn.layui-btn-danger:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-danger:hover::after { background-color: rgba(255, 0, 0, 0.2); } -.elem-style-sicfi .layui-btn.layuimini-btn-primary { +.elem-style-sicfi .layui-btn.layuimini-btn-primary, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layuimini-btn-primary { text-shadow: rgb(255, 255, 153) 0px 0px 1px; color: rgb(255, 255, 153); background-color: rgb(255, 255, 153); border: unset; } -.elem-style-sicfi .layui-btn.layuimini-btn-primary:hover::after { +.elem-style-sicfi .layui-btn.layuimini-btn-primary:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layuimini-btn-primary:hover::after { background-color: rgba(255, 255, 153, 0.2); } -.elem-style-sicfi .layui-btn.layui-btn-primary { +.elem-style-sicfi .layui-btn.layui-btn-primary, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-primary { border: unset; } -.elem-style-sicfi .layui-btn.layui-btn-normal { +.elem-style-sicfi .layui-btn.layui-btn-normal, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-normal { color: rgb(2, 17, 20); background-color: rgb(126, 252, 246); border: unset; } -.elem-style-sicfi .layui-btn.layui-btn-normal::before { +.elem-style-sicfi .layui-btn.layui-btn-normal::before, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-normal::before { background-color: rgb(126, 252, 246); } -.elem-style-sicfi .layui-btn.layui-btn-normal:hover::after { +.elem-style-sicfi .layui-btn.layui-btn-normal:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-normal:hover::after { background-color: rgb(126, 252, 246); } .elem-style-sicfi .layui-table { @@ -186,9 +201,6 @@ .elem-style-sicfi .layui-table-header { border-color: rgb(6, 216, 215); } -.elem-style-sicfi .layui-layer { - background-color: rgb(2, 17, 20); -} .elem-style-sicfi .color-content > ul > li > a > div > span:nth-child(2) { background-color: rgb(2, 17, 20) !important; } @@ -479,8 +491,9 @@ .elem-style-sicfi .layuimini-upload .layuimini-upload-btn { background-color: rgb(2, 17, 20); } -.elem-style-sicfi .layui-layer-content { +.elem-style-sicfi .layui-layer { border: 1px solid rgb(126, 252, 246); + background-color: rgb(2, 17, 20); } .elem-style-sicfi .layui-layer-easy .layui-layer-title { background-color: rgb(0, 125, 124) !important; @@ -505,6 +518,61 @@ .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 { +.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); +} +.elem-style-sicfi .hr-line { + color: rgb(126, 252, 246); + border-color: rgb(6, 216, 215); + background-color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-layer-easy .layui-layer-btn { + background-color: rgb(2, 17, 20); + border-top: 1px solid rgb(6, 216, 215); +} +.elem-style-sicfi .layui-layer-easy .layui-layer-btn .layui-layer-btn0 { + background-color: rgb(126, 252, 246); + border-color: rgb(6, 216, 215); + color: rgb(126, 252, 246) !important; + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); +} +.elem-style-sicfi .layui-layer-shade { + background-color: #fff !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item { + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item.layui-this a { + background-color: rgb(126, 252, 246) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item.layui-this { + background-color: rgb(126, 252, 246) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item.layui-this span { + background-color: rgb(126, 252, 246) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item a:hover { + background-color: rgba(62, 251, 251, 0.5) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item a, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav-item a span { + color: rgb(126, 252, 246) !important; } \ No newline at end of file diff --git a/public/static/common/css/theme/sicfi/button_line.svg b/public/static/common/css/theme/sicfi/button_line.svg deleted file mode 100644 index d08d35e..0000000 --- a/public/static/common/css/theme/sicfi/button_line.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file