diff --git a/src/style/app.less b/src/style/app.less
index 235c0eaa..c64b34fa 100644
--- a/src/style/app.less
+++ b/src/style/app.less
@@ -1,5 +1,5 @@
 /* 全局 */
-#app, body, html {width: 100%;height: 100%;background-color: #f6f8f9;font-size: 12px;}
+#app, body, html {width: 100%;height: 100%;background-color: @--color-background;font-size: 12px;}
 a {color: #333;text-decoration: none;}
 a:hover, a:focus {color: #000;text-decoration: none;}
 a:link {text-decoration: none;}
@@ -38,13 +38,13 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .adminui-header .user-bar .user label{color: #fff;}
 
 /* 左侧菜单 */
-.aminui-side-split {width:65px;flex-shrink:0;background: #333;}
+.aminui-side-split {width:65px;flex-shrink:0;background: #222b45;}
 .adminui-side-split-scroll {overflow: auto;overflow-x:hidden;height: 100%;}
 .aminui-side-split li {cursor: pointer;width: 65px;height: 65px;color: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
-.aminui-side-split li i {font-size: 16px;}
+.aminui-side-split li i {font-size: 18px;}
 .aminui-side-split li p {margin-top:5px;}
-.aminui-side-split li:hover {background: #444;}
-.aminui-side-split li.active {background: #09f;}
+.aminui-side-split li:hover {background: rgba(255, 255, 255, 0.1);}
+.aminui-side-split li.active {background: @--color-primary;}
 
 .adminui-side-split-scroll::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.4);border-radius:5px;}
 .adminui-side-split-scroll::-webkit-scrollbar-thumb:hover {background-color: rgba(255, 255, 255, 0.5);}
@@ -77,7 +77,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .adminui-tags li i {margin-left:10px;padding:3px;}
 .adminui-tags li i:hover {background: #ff5722;color: #fff;}
 .adminui-tags li:hover {background: #ecf5ff;}
-.adminui-tags li.active {background: #09f;}
+.adminui-tags li.active {background: @--color-primary;}
 .adminui-tags li.active a {color: #fff;}
 
-.adminui-main {overflow: auto;background-color: #f6f8f9;flex: 1;}
+.adminui-main {overflow: auto;background-color: @--color-background;flex: 1;}
diff --git a/src/style/style.less b/src/style/style.less
index f48e2cc9..40ebf780 100644
--- a/src/style/style.less
+++ b/src/style/style.less
@@ -1,4 +1,7 @@
+@--color-primary: #409EFF;
+@--color-background: #f6f8f9;
+
 @import 'app.less';
 @import 'fix.less';
 @import 'pages.less';
-@import '~@/assets/font/scicon/iconfont.css';
\ No newline at end of file
+@import '~@/assets/font/scicon/iconfont.css';