修改样式

src/assets/base.css

@@ -1,6 +1,6 @@
 /* color palette from <https://github.com/vuejs/theme> */
 :root {
-  --vt-c-white: #ffffff;
+  --vt-c-white: #000;
   --vt-c-white-soft: #f8f8f8;
   --vt-c-white-mute: #f2f2f2;
 

src/layout/Home.vue

@@ -51,13 +51,13 @@ const load = async () => {
 .el-header {
   height: 8vh;
   padding: 0;
-  background-color: #f5d59d;
+  background-color: #01160e;
 }
 .el-main {
   padding: 0;
 }
 .one {
-  background: #55c596;
+  background: #000;
   width: 255px;
 }
 .two {

src/layout/homeParts/left-1.vue

@@ -2,7 +2,7 @@
   <div class="main">
     <div class="one">
       <el-col :span="24" class="add">
-        <el-button type="primary" size="large" @click="toAdd('add')">添加项目</el-button>
+        <el-button type="success" size="large" @click="toAdd('add')">添加项目</el-button>
       </el-col>
       <el-col :span="24">
         <el-col v-if="data.id">
@@ -147,7 +147,7 @@ const toDelete = async () => {
 <style scoped>
 .one {
   height: 14vh;
-  background: #1b5644;
+  background: #000;
   padding: 10px 30px 10px 30px;
 }
 .one .button {
@@ -160,11 +160,11 @@ const toDelete = async () => {
 .two {
   height: 78vh;
   padding: 0 0 30px 0;
-  background: #73ad9b;
+  background: #000;
   overflow-y: scroll;
 }
 .sidebar-el-menu {
-  background: #73ad9b;
+  background: #000;
 }
 .sidebar-el-menu .first span {
   font-size: 16px;
@@ -174,12 +174,20 @@ const toDelete = async () => {
   border-right: none;
 }
 .el-menu-item {
-  color: #fff;
+  color: #faffdb;
 }
 .el-menu-item.is-active {
   color: #fdda13;
-  background-color: #78c1aa;
+  background-color: #1a513f;
+}
+
+.el-menu-item:hover {
+  color: #fdda13 !important;
+  background-color: #1a513f !important;
+  /* background: #1c88cf !important;
+  color: #fff !important; */
 }
+
 .two::-webkit-scrollbar {
   width: 2px;
 }

src/views/index.vue

@@ -172,7 +172,7 @@ const handleClose = () => {
 
 <style scoped>
 .main {
-  background: #d8abab;
+  background: #000;
   padding: 24px;
   height: 92vh;
 }
@@ -180,7 +180,7 @@ const handleClose = () => {
   height: 50px;
   margin: 10px 0;
   text-align: center;
-  background: #86b2a5;
+  background: #000;
 }
 .button {
   margin: 0 10%;