From 9506c7b1b6379bdfa1f389f68c9ddebb3bd57a8a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E9=BB=84=E6=9E=97?= Date: Mon, 11 Sep 2023 18:39:08 +0800 Subject: [PATCH] update layui-theme-dark to 2.8.17 --- assets/static/css/layui-theme-dark.css | 97 +++++++++++++++++--------- 1 file changed, 63 insertions(+), 34 deletions(-) diff --git a/assets/static/css/layui-theme-dark.css b/assets/static/css/layui-theme-dark.css index c2f8c23..0ddb91f 100644 --- a/assets/static/css/layui-theme-dark.css +++ b/assets/static/css/layui-theme-dark.css @@ -443,10 +443,6 @@ border-left: 5px solid var(--lay-color-border-4) } - .layui-text pre > code:not(.layui-code) { - background-color: var(--lay-color-bg-white) - } - /* 字体颜色 */ .layui-font-red { color: var(--lay-color-red-6) !important @@ -595,7 +591,7 @@ } /* 数字输入框动态点缀 */ - .layui-input-wrap .layui-input-number .layui-icon:first-child { + .layui-input-wrap .layui-input-number .layui-icon-up { border-bottom-color: var(--lay-color-border-1) } @@ -1042,6 +1038,7 @@ background-color: var(--lay-color-bg-5) } + /* 单元格多行展开风格 */ .layui-table-cell-c { background-color: var(--lay-color-gray-13); color: var(--lay-color-text-1); @@ -1052,6 +1049,25 @@ border-color: var(--lay-color-secondary-hover); } + /* 单元格 TIPS 展开风格 */ + body .layui-table-tips .layui-layer-content { + box-shadow: var(--lay-shadow-3) + } + + .layui-table-tips-main { + background-color: var(--lay-color-bg-5); + color: var(--lay-color-text-3) + } + + .layui-table-tips-c { + background-color: var(--lay-color-gray-13); + color: var(--lay-color-text-1) + } + + .layui-table-tips-c:hover { + background-color: var(--lay-color-gray-10) + } + /** 文件上传 **/ .layui-upload-choose { color: var(--lay-color-gray-8) @@ -1411,7 +1427,7 @@ .layui-code { border: 1px solid var(--lay-color-border-2); background-color: var(--lay-color-bg-white); - color: var(--lay-color-black-5) + color: var(--lay-color-text-2) } /** 穿梭框 **/ @@ -1634,37 +1650,58 @@ /*code 不处理*/ .layui-code-view { border: 1px solid var(--lay-color-border-1); + } + + .layui-code-view:not(.layui-code-hl) { background-color: var(--lay-color-bg-2); color: var(--lay-color-text-2); - border-left-width: 6px; } - .layui-code-title { - border-bottom: 1px solid var(--lay-color-border-2) - } - - .layui-code-title > .layui-code-about { - color: #c5c5c5 - } - - .layui-code-view > .layui-code-ol > li { - border-left: 1px solid var(--lay-color-border-2); + .layui-code-header { + border-bottom: 1px solid var(--lay-color-border-1); background-color: var(--lay-color-bg-2) } - .layui-code-view > .layui-code-ul > li { - background-color: var(--lay-color-bg-2) + .layui-code-header > .layui-code-header-about { + color: var(--lay-color-text-2); } - .layui-code-dark { - border: 1px solid #3d3d3d; - border-left-color: #656565; - background-color: #3d3d3d; - color: var(--lay-color-gray-8) + .layui-code-view:not(.layui-code-hl) .layui-code-ln-side { + border-color: var(--lay-color-border-1); + background-color: var(--lay-color-bg-2); } - .layui-code-dark > .layui-code-ol > li, .layui-code-dark > .layui-code-ul > li { - background-color: #3f3f3f + .layui-code-nowrap > .layui-code-ln-side { + background: none !important; + } + + .layui-code-fixbar > span { + color: var(--lay-color-text-3); + } + + .layui-code-fixbar > span:hover { + color: var(--lay-color-secondary-hover); + } + + .layui-code-theme-dark { + border-color: rgb(126 122 122 / 15%); + background-color: #1f1f1f; + color: #ccc; + } + + .layui-code-theme-dark > .layui-code-ln-side { + border-right-color: #2a2a2a; + background: none; + color: #6e7681; + } + + .layui-code-view.layui-code-hl > .layui-code-ln-side { + background-color: transparent; + } + + .layui-code-theme-dark.layui-code-hl, + .layui-code-theme-dark.layui-code-hl > .layui-code-ln-side { + border-color: rgb(126 122 122 / 15%); } .layui-code-full { @@ -2183,12 +2220,4 @@ .layui-slider-input .layui-input { background-color: var(--lay-color-bg-2); } - - a { - color: var(--lay-color-text-1) - } - - .layui-code, pre > code { - background-color: var(--lay-color-bg-2) - } }