Forráskód Böngészése

管理控制台左侧菜单颜色优化

MaxKey 1 éve
szülő
commit
bfa468c749

+ 39 - 30
maxkey-web-frontend/maxkey-web-mgt-app/src/styles/theme.less

@@ -9,57 +9,66 @@
 // @primary-color: #f50;
 @alain-default-header-hg: 52px;
 @alain-default-header-bg: #fff;
+@alain-default-aside-bg: @primary-color
 
 .alain-default__nav-item, .alain-default__nav nz-badge {
-    color: #212529;
+  /*color: #212529;*/
 }
 
 .alain-default__nav-item_title{
-    color: #212529;
+  /*color: #212529;*/
 }
 
 .alain-default__nav-item:hover {
-    color: #212529;
-    background-color: rgb(255 255 255 / 20%) !important;
+  color: black;
+  background-color: @primary-color !important;
 }
 
-@alain-default-aside-bg: #212529;
+//@alain-default-aside-bg: #212529;
 
 .alain-default__aside-user-info{
-    color: #fff;
+  color: black;
 }
-@alain-default-aside-nav-text-color:#fff;
-@alain-default-aside-nav-text-hover-color: #fff;
-@alain-default-aside-nav-selected-text-color: #fff;
+@alain-default-aside-nav-text-color:black;
+@alain-default-aside-nav-text-hover-color: black;
+@alain-default-aside-nav-selected-text-color: white;
 
 .sidebar-nav .sidebar-nav__selected{
-    color: #fff;
-    background: @primary-color
-  }
+  color: black;
+  background: @primary-color
+}
+
+.sidebar-nav__sub .sidebar-nav__item{
+  color: #000000a6;
+}
+
+.sidebar-nav__open > .sidebar-nav__sub {
+  /*background-color: black;*/
+  color: black;
+  background-color: #fff;
+}
 
-  .sidebar-nav__sub .sidebar-nav__item{
-    color: #000000a6;
-  }
-  
-  .sidebar-nav__open > .sidebar-nav__sub {
-    background-color: #212529;
-  }
+.sidebar-nav__sub .sidebar-nav__item:hover{
+  background: rgb(214 26 26 / 4%);
+}
 
-  .sidebar-nav__sub .sidebar-nav__item:hover{
-    background: rgb(214 26 26 / 4%);
-  }
-  
-  .sidebar-nav__item-link:hover {
-    color: #fff;
-    background-color: @primary-color
+.sidebar-nav__item-link:hover {
+  color: yellow;
+  background-color: @primary-color
 }
 
-.alain-default__nav-item_collapsed{ 
-    color: white;
+.sidebar-nav__selected > .sidebar-nav__item-link{
+  background-color: @primary-color
+}
 
-    /**  background-color: aliceblue */
+.alain-default__nav-item_collapsed{
+  color: black;
+  position: absolute;
+  left: 8px;
+  bottom: 0;
+  /**  background-color: aliceblue */
 }
 
 .grid-border{
   border: 1px solid #f0f0f0;
-}
+}