侧边栏样式

src/components/page/GlobalLayout.vue

@@ -705,22 +705,36 @@ body {
  .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover{
   background: rgb(77,50,127) !important;
 }
+.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title>span>span:hover{
+  color: white;
+}
 .ant-menu-submenu-title:active {
   background: rgb(77,50,127) !important;
 }
 .ant-menu-submenu-open{
   background: rgb(77,50,127) !important;
-  color: white;
 }
 .ant-menu-submenu > .ant-menu{
   background: rgb(77,50,127) !important;
 }
-li.ant-menu-item>a>span{
+.ant-menu-submenu-open>.ant-menu-submenu-title>span>span{
   color: white;
 }
-.ant-menu-submenu-title>span>span{
+.ant-menu-submenu-open>.ant-menu-item>a>span{
   color: white;
 }
+li.ant-menu-item>a>span{
+  color: #a7b1c2;
+}
+.ant-menu>.ant-menu-item-active>a>span{
+  color: white !important;
+}
+.ant-menu>.ant-menu-item-selected>a>span{
+  color: white !important;
+}
+.ant-menu-submenu-title>span>span{
+  color: #a7b1c2;
+}
 .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
   background:none !important;
 }
@@ -739,5 +753,8 @@ li.ant-menu-item>a>span{
 .ant-layout-content>.contextmenu>.ant-menu-item-active>i>svg {
     color: #6bc5f3;
 }
+.ant-menu-root > .ant-menu-item span{
+  color: #a7b1c2 !important;
+}
 
 </style>