修复主题切换组件Bug，优化前端公告 markdown 样式

web/src/assets/css/home.styl

@@ -132,11 +132,6 @@
       overflow: hidden;
       border-radius: 50%;
       font-size: 20px;
-      // img{
-      //   width: 24px;
-      //   height: 24px;
-      // }
-
     }
 
     &.active {
@@ -183,19 +178,6 @@
   }
 }
 
-::v-deep(.theme-box) {
-  position: relative !important;
-  right: initial;
-  bottom: initial;
-  width: 20px;
-  height: 20px;
-  line-height: 18px;
-
-  .iconfont {
-    font-size: 15px !important;
-  }
-}
-
 .right-main {
   height: 100%;
   // background: #f5f7fd;
@@ -246,18 +228,18 @@
       }
 
       &:hover {
-        background: rgba(79, 89, 102, 0.1);
+        background: rgba(183, 176, 255, 0.5);
       }
     }
 
     li.active {
-      background: rgba(79, 89, 102, 0.1);
+      background: rgba(183, 176, 255, 0.5);
     }
   }
 
   .setting-menus {
     .title {
-      color: #222226;
+      color: var(--text-theme-color);
     }
 
     .el-icon,
@@ -265,7 +247,7 @@
       font-size: 18px
       margin-right: 6px
     }
-    color: #222226;
+    color: var(--text-theme-color);
   }
 
   .username {