update

src/style/_style.scss

@@ -1,4 +1,6 @@
-$color:#1F315D;
-$mainColor:#FF6A00;
+// $color:#1F315D;
+$color:#183477;
+// $mainColor:#FF6A00;
+$mainColor:#fff;
 $green:#00CC99;
 

src/style/home.scss

@@ -34,26 +34,46 @@ $height: 50px;
 	position: relative;
 	height: calc(100vh - 50px);
 	background: #ECF0F5;
-	padding-top: 15px;
+	padding-top: 2px;
 }
 .left-aside {
 	height: 100%;
 	overflow-y: auto;
 	overflow-x: hidden;
-	background: #fff;
+	// background: #fff;
+	background: #09142b;
 	.left-menue {
+		i{
+			color:#fff;
+		}
 		border: none;
+		background: #09142b;
+		.el-menu-item{
+			color:#fff;
+		}
+		.el-menu-item:hover{
+			color:#fff;
+			background-color:$color;
+		}
+		.el-submenu__title{
+			color:white;
+		}
+		.el-submenu__title:hover{
+			color:#fff;
+			background-color:$color;
+		}
 		& > .is-active {
-			background-color: #1F315D !important;
+			background-color:$color !important;
 			position: relative;
 			.iconfont{
 				color: $mainColor;
 			}	
 			&>.el-submenu__title{
 				color: #fff !important;
+				// color:#fff!important;
 			}
 			.is-active {
-				background-color: #1F315D !important;
+				background-color:$color !important;
 				position: relative;
 				.iconfont{
 					color: $mainColor;
@@ -61,9 +81,18 @@ $height: 50px;
 			}	
 		}
 		.is-opened{
-			background-color: #fff !important;
+			// background-color: #fff !important;
+			background-color: #09142b!important;
+			color:#fff;
+			.el-menu{
+				background-color: #09142b!important;
+				color:#fff;
+				.el-menu-item{
+					color:#fff;
+				}
+			}
 			&>.el-submenu__title{
-				color: #303133 !important;
+				color: #fff !important;
 			}
 		}
 		.el-menu-item-group__title{