change main color ref to lanhu

frontend/src/styles/topbar.scss

@@ -7,13 +7,13 @@
   overflow: hidden;
   color: #f7f7f4 !important;
   border-bottom: 1px solid var(--TopBG, #E6E6E6);
-  background-color: var(--TopBG, #484198); 
+  background-color: var(--TopBG, #354ea2);
   .log {
     padding: 0 16px;
     line-height: 56px;
     height: 56px;
     font-size: 24px;
-    background-color: var(--MenuActiveBG, $--color-primary) ;
+    background-color: #02aca9 ;
 
     float: left;
 
@@ -26,26 +26,26 @@
   .el-menu {
     float: left;
     border: none !important;
-    background-color: var(--TopBG, #484198) !important;
+    background-color: var(--TopBG, #354ea2) !important;
     .nav-item {
       display: inline-block;
 
       .el-menu-item:not(.is-active) {
         color: var(--TopTextColor, #f7f7f4);
         &:hover {
-          background-color: var(--MenuHovorBG, rgba(158,158,158,.2)) !important;
+          background-color: #5674df !important;
           opacity: 1;
         }
 
         &:focus {
-          background-color: var(--MenuActiveBG, $--color-primary) !important;
+          background-color: #5674df !important;
           opacity: 1;
           color: var(--TopTextColor, #f4f4f5);
         }
 
       }
       .el-menu-item.is-active {
-        background-color: var(--MenuActiveBG, $--color-primary) ;
+        background-color: #5674df ;
         color: var(--TextActive, #f4f4f5) !important;
         opacity: 1;
       }
@@ -71,7 +71,7 @@
       padding: 10px 8px;
       height: 100%;
       font-size: 18px;
-      
+
       vertical-align: text-bottom;
 
       &.hover-effect {

frontend/src/styles/variables.scss

@@ -12,7 +12,7 @@ $--color-success: #67C23A;
 $--color-warning: #E6A23C;
 $--color-danger: #F56C6C; */
 // $--color-info: #1E1E1E;
-$--color-primary: #887dd3;
+$--color-primary: #02aca9;
 $--button-font-weight: 400;
 
 $--border-color-light: #dfe4ed;
@@ -24,7 +24,7 @@ $--font-path: "~element-ui/lib/theme-chalk/fonts";
 
 @import "~element-ui/packages/theme-chalk/src/index";
 // topBar
-$topBarBg: #484198;
+$topBarBg: #354ea2;
 $topBarMenuHovor: rgba(158,158,158,.2);
 $topBarMenuActive: $--color-primary;
 $topBarMenuText: #f7f7f4;
@@ -37,7 +37,7 @@ $leftMenuText: #1e212a;
 $leftMenuTextActive: $--color-primary;
 
 
-$colorBg: rgba(10, 123, 224, .1); 
+$colorBg: rgba(10, 123, 224, .1);
 $sideBarWidth: 210px;
 $topBarHeight: 64px;
 $contentHeight: calc(100vh - 64px);