1、重置主题背景色

src/assets/style/theme/lng-theme.less

@@ -21,6 +21,10 @@
     margin-left: 0 !important;
   }
 
+  .vben-app-logo__title{
+     color: var(--text-color) !important;
+  }
+
   .vben-layout-header-left {
 
     .vben-layout-header-trigger{
@@ -165,56 +169,9 @@
   }
 
 }
-/**
- * 主题2
- */
+
 .lng-theme-theme2 {
 
-  .vben-layout-sideBar {
-    background: unset !important;
-    background-image: url('/@/assets/style/theme/imgs/theme2-left.png') !important;
-    background-size: 100% 100% !important;
-  }
-
-  .ant-layout-header{
-    background: unset !important;
-    background-image: url('/@/assets/style/theme/imgs/theme2-top.png') !important;
-    background-size: 100% 100% !important;
-  }
-
-}
-/**
- * 主题3
- */
-.lng-theme-theme3 {
-
-  .vben-layout-sideBar {
-    background: unset !important;
-    background-image: url('/@/assets/style/theme/imgs/theme3-left.png') !important;
-    background-size: 100% 100% !important;
-  }
-
-  .ant-layout-header{
-    background: unset !important;
-    background-image: url('/@/assets/style/theme/imgs/theme3-top.png') !important;
-    background-size: 100% 100% !important;
-  }
-
-}
-/**
- * 主题4
- */
-.lng-theme-theme4 {
-
-  .vben-layout-sideBar {
-    background: unset !important;
-    background-image: url('/@/assets/style/theme/imgs/theme4-left.png') !important;
-    background-size: 100% 100% !important;
-  }
-
-   /**
-    * 左边菜单主题
-    */
   .lng-menu {
     .vben-menu-submenu,.vben-menu-submenu-title,.vben-menu,.vben-menu-item{
       background: unset !important;
@@ -231,6 +188,78 @@
       color: var(--text-color) !important;
   }
 
+  .vben-layout-sideBar {
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme2-left.png') !important;
+    background-size: 100% 100% !important;
+  }
+
+  .ant-layout-header{
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme2-top.png') !important;
+    background-size: 100% 100% !important;
+  }
+
+}
+
+.lng-theme-theme3 {
+
+  .lng-menu {
+    .vben-menu-submenu,.vben-menu-submenu-title,.vben-menu,.vben-menu-item{
+      background: unset !important;
+      color: #000 !important;
+
+      .vben-menu-submenu-title-active:not(.vben-menu-submenu){
+        color: #fff !important;
+        background-color: rgba(0, 0, 0, 0.4) !important;
+      }
+    } 
+  }
+
+  .ant-menu-title-content{
+      color: var(--text-color) !important;
+  }
+
+  .vben-layout-sideBar {
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme3-left.png') !important;
+    background-size: 100% 100% !important;
+  }
+
+  .ant-layout-header{
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme3-top.png') !important;
+    background-size: 100% 100% !important;
+  }
+
+}
+
+.lng-theme-theme4 {
+
+
+
+  .lng-menu {
+    .vben-menu-submenu,.vben-menu-submenu-title,.vben-menu,.vben-menu-item{
+      background: unset !important;
+      color: #000 !important;
+
+      .vben-menu-submenu-title-active:not(.vben-menu-submenu){
+        color: #fff !important;
+        background-color: rgba(0, 0, 0, 0.4) !important;
+      }
+    } 
+  }
+
+  .ant-menu-title-content{
+      color: var(--text-color) !important;
+  }
+
+  .vben-layout-sideBar {
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme4-left.png') !important;
+    background-size: 100% 100% !important;
+  }
+
   .ant-layout-header{
     background: unset !important;
     background-image: url('/@/assets/style/theme/imgs/theme4-top.png') !important;
@@ -238,11 +267,29 @@
   }
 
 }
-/**
- * 主题5
- */
+
 .lng-theme-theme5 {
 
+  .vben-app-logo__title{
+     color: var(--text-color) !important;
+  }
+
+  .lng-menu {
+    .vben-menu-submenu,.vben-menu-submenu-title,.vben-menu,.vben-menu-item{
+      background: unset !important;
+      color: #000 !important;
+
+      .vben-menu-submenu-title-active:not(.vben-menu-submenu){
+        color: #fff !important;
+        background-color: rgba(0, 0, 0, 0.4) !important;
+      }
+    } 
+  }
+
+  .ant-menu-title-content{
+    color: var(--text-color) !important;
+  }
+
   .vben-layout-sideBar {
     background: unset !important;
     background-image: url('/@/assets/style/theme/imgs/theme5-left.png') !important;
@@ -256,11 +303,25 @@
   }
 
 }
-/**
- * 主题6
- */
+
 .lng-theme-theme6 {
 
+  .lng-menu {
+    .vben-menu-submenu,.vben-menu-submenu-title,.vben-menu,.vben-menu-item{
+      background: unset !important;
+      color: #000 !important;
+
+      .vben-menu-submenu-title-active:not(.vben-menu-submenu){
+        color: #fff !important;
+        background-color: rgba(0, 0, 0, 0.4) !important;
+      }
+    } 
+  }
+
+  .ant-menu-title-content{
+    color: var(--text-color) !important;
+  }
+
   .vben-layout-sideBar {
     background: unset !important;
     background-image: url('/@/assets/style/theme/imgs/theme6-left.png') !important;
@@ -274,14 +335,10 @@
   }
 
 }
-/**
- * 主题7
- */
+
+
 .lng-theme-theme7 {
 
-  /**
-    * 左边菜单主题
-    */
   .lng-menu {
     .vben-menu-submenu,.vben-menu-submenu-title,.vben-menu,.vben-menu-item{
       background: unset !important;
@@ -311,14 +368,9 @@
   }
 
 }
-/**
- * 主题8
- */
+
 .lng-theme-theme8 {
 
-   /**
-    * 左边菜单主题
-    */
   .lng-menu {
     .vben-menu-submenu,.vben-menu-submenu-title,.vben-menu,.vben-menu-item{
       background: unset !important;
@@ -348,3 +400,57 @@
   }
 
 }
+
+/**
+ * 主题9
+ */
+.lng-theme-theme9 {
+
+  .lng-menu {
+    .vben-menu-submenu,.vben-menu-submenu-title,.vben-menu,.vben-menu-item{
+      background: unset !important;
+      color: #000 !important;
+
+      .vben-menu-submenu-title-active:not(.vben-menu-submenu){
+        color: #fff !important;
+        background-color: rgba(0, 0, 0, 0.4) !important;
+      }
+    } 
+  }
+
+  .ant-menu-title-content{
+      color: var(--text-color);
+  }
+
+  .vben-layout-sideBar {
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme9-left.png') !important;
+    background-size: 100% 100% !important;
+  }
+
+  .ant-layout-header{
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme9-top.png') !important;
+    background-size: 100% 100% !important;
+  }
+
+}
+
+/**
+ * 主题10
+ */
+.lng-theme-theme10 {
+
+  .vben-layout-sideBar {
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme10-left.png') !important;
+    background-size: 100% 100% !important;
+  }
+
+  .ant-layout-header{
+    background: unset !important;
+    background-image: url('/@/assets/style/theme/imgs/theme10-top.png') !important;
+    background-size: 100% 100% !important;
+  }
+
+}