feat: 新增 夜间主题 配置

example/src/layouts/Layout.vue

@@ -5,10 +5,10 @@
     :locales="locales"
     :themeVariable="themeVariable"
   >
-    <lay-layout class="layui-layout-document">
+    <lay-layout class="layui-layout-document" style="height:100%">
       <lay-header
-        ><lay-logo style="box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15)">
-          <img src="../assets/logo.png" />
+        ><lay-logo>
+          <img src="../assets/logo-png.png" />
         </lay-logo>
         <ul
           class="layui-nav layui-layout-left"
@@ -30,11 +30,6 @@
               {{ t("nav.resources") }}
             </router-link>
           </li>
-          <li class="layui-nav-item">
-            <router-link to="/zh-CN/material">
-              {{ t("nav.material") }}
-            </router-link>
-          </li>
           <li class="layui-nav-item">
             <lay-form>
               <lay-search :datas="menus" />
@@ -52,7 +47,6 @@
                   size="15px"
                   type="layui-icon-theme"
                   style="
-                    color: rgba(255, 255, 255, 0.7);
                     padding-left: 30px;
                     padding-right: 30px;
                   "
@@ -143,11 +137,6 @@
               >
             </a>
           </li>
-          <li class="layui-nav-item">
-            <a href="https://gitee.com/layui-vue/layui-vue/issues">
-              <lay-icon type="layui-icon-chat" size="15px"></lay-icon>
-            </a>
-          </li>
           <li class="layui-nav-item">
             <a href="javascript:void(0)">
               <lay-switch
@@ -311,8 +300,8 @@ export default {
   z-index: 99;
   width: 100%;
   position: fixed;
-  background: #393d49;
-  border-bottom: 1px solid #404553;
+  background: #ffffff;
+  border-bottom: 1px solid #EEEEEE;
 }
 
 .layui-layout-document > .layui-layout > .layui-side {
@@ -321,13 +310,7 @@ export default {
   margin-top: 60px;
   z-index: 99;
   height: calc(100% - 60px);
-  box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
-}
-
-.layui-layout-document .layui-body,
-.layui-layout-document .layui-menu,
-.layui-layout-document .lay-aside {
-  background-color: var(--global-back-color);
+  border-right: 1px solid #EEEEEE;
 }
 
 .layui-layout-document > .layui-layout > .layui-body {
@@ -338,11 +321,20 @@ export default {
   height: calc(100% - 60px);
 }
 
+.layui-layout-document .layui-header .layui-form-switch {
+  border: 1px solid rgba(60, 60, 60, .29);
+  background-color: #f1f1f1!important;
+}
+
+.layui-layout-document .layui-nav .layui-nav-item > a,
+.layui-layout-document .layui-nav .layui-nav-item > a:hover {
+  color: rgba(0, 0, 0, 0.8);
+}
+
 .layui-logo img {
-  height: 31px;
-  width: 82px;
+  height: 45px;
   left: 15px;
-  top: 16px;
+  top: 0px;
 }
 
 .layui-header > .layui-nav {
@@ -352,13 +344,6 @@ export default {
 .layui-header .layui-local-badge {
   font-size: 12.4px;
   background: transparent;
-  color: rgba(255, 255, 255, 0.7);
-  border-color: rgba(255, 255, 255, 0.7);
-}
-
-.layui-header > .layui-local:hover {
-  color: white;
-  border-color: white;
 }
 
 .layui-menu-docs {