diff --git a/src/App.vue b/src/App.vue
index 6d1f901..896f518 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,6 +7,6 @@
 
 <style>
 body{
- background-color: #2d3039;
+ /*background-color: #2d3039;*/
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 62096e1..6be665c 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -10,9 +10,9 @@
             :default-active="$route.path"
             class="el-menu-demo"
             mode="horizontal"
-            background-color="#2d3039"
-            text-color="#fff"
-            active-text-color="#ffd04b">
+            text-color="#2c3e50"
+            active-text-color="#f39c12">
+          <!--background-color="#2d3039"-->
           <el-menu-item index="/home">Home</el-menu-item>
           <el-menu-item index="/scoreboard">Scoreboard</el-menu-item>
           <el-menu-item index="/users">Users</el-menu-item>
@@ -43,7 +43,7 @@
             <p class="slip">|</p>
           </div>
           <div class="logout">
-            <el-button text color="#626aef" :dark="isDark" @click="logout">退出登录</el-button>
+            <el-button text color="#ffd04b" :dark="isDark" @click="logout">退出登录</el-button>
           </div>
         </div>
         <div v-else class="login">
@@ -153,7 +153,7 @@ export default {
 .wrapper {
   width: 100%;
   height: 100%;
-  background: #2d3039;
+  //background: #2d3039;
 }
 .header {
   position: relative;
@@ -169,7 +169,7 @@ export default {
   height: 29px;
   width: 120px;
   vertical-align: middle;
-  color: #dddddd;
+  color: #2c3e50;
 }
 .header-right {
   float: right;
@@ -186,7 +186,7 @@ export default {
 
       .user-name{
         margin-right: 10px;
-        color: #dddddd;
+        color: #2c3e50;
       }
     }
     .slip{
@@ -227,7 +227,7 @@ export default {
 .el-menu--horizontal > .el-menu-item {
   font-size: 16px;
   margin: 0 15px;
-  color: white;
+  //color: white;
 }
 
 
diff --git a/src/components/admin/admin-Navbar.vue b/src/components/admin/admin-Navbar.vue
index 5b6ba56..17c5a0a 100644
--- a/src/components/admin/admin-Navbar.vue
+++ b/src/components/admin/admin-Navbar.vue
@@ -9,9 +9,9 @@
             :default-active="$route.path"
             class="el-menu-demo"
             mode="horizontal"
-            background-color="#2d3039"
-            text-color="#fff"
+            text-color="#2c3e50"
             active-text-color="#ffd04b">
+
           <el-menu-item index="/admin/match">比赛管理</el-menu-item>
           <el-menu-item index="/admin/notification">公告管理</el-menu-item>
           <el-menu-item index="/admin/challenges">题目管理</el-menu-item>
@@ -41,7 +41,7 @@
             <p class="slip">|</p>
           </div>
           <div class="logout">
-            <el-button text color="#626aef" @click="$router.push('/home')">返回首页</el-button>
+            <el-button text color="#2c3e50" @click="$router.push('/home')">返回首页</el-button>
           </div>
         </div>
 
@@ -115,7 +115,7 @@ export default {
 .wrapper {
   width: 100%;
   height: 100%;
-  background: #2d3039;
+  //background: #2d3039;
 }
 .header {
   position: relative;
@@ -131,7 +131,7 @@ export default {
   height: 29px;
   width: 120px;
   vertical-align: middle;
-  color: #dddddd;
+  color: #2c3e50;
 }
 .header-right {
   float: right;
@@ -148,7 +148,7 @@ export default {
 
       .user-name{
         margin-right: 10px;
-        color: #dddddd;
+        color: #2c3e50;
       }
     }
     .slip{
@@ -189,7 +189,6 @@ export default {
 .el-menu--horizontal > .el-menu-item {
   font-size: 16px;
   margin: 0 15px;
-  color: white;
 }
 
 
diff --git a/src/components/challenges/challenges.vue b/src/components/challenges/challenges.vue
index 811a3b3..9dfcffd 100644
--- a/src/components/challenges/challenges.vue
+++ b/src/components/challenges/challenges.vue
@@ -5,14 +5,18 @@
         <el-aside width="200px">
         <el-menu
             default-active="2"
-            background-color="#2d3039"
-            text-color="#fff"
-            active-text-color="#ffd04b"
+
+            text-color="#2c3e50"
+            active-text-color="#f39c12"
+
             class="el-menu-vertical-demo"
             @open="handleOpen"
             @close="handleClose"
             @select="handleSelect"
+
         >
+<!--          background-color="#2d3039"-->
+
          <el-menu-item index="Web">
            <span>WEB</span>
          </el-menu-item>
@@ -35,7 +39,7 @@
     <el-scrollbar height="490px">
     <div class="all-card">
       <el-button v-for="(c,index) in data" class="buttons" @click="bcard(index)"
-                 :type="c.is_solved ? 'warning':''" >
+                 :type="c.is_solved ? 'success':''" >
         <div class="card">
         <div class="card-name">
           {{c.name}}
@@ -310,7 +314,7 @@ export default {
 
       width: 240px;
       height: 100px;
-      //background-color: #ff7f00;
+
       margin-top: 15px;
       .card-name{
         font-size:30px;
diff --git a/src/components/challenges/scorecard.vue b/src/components/challenges/scorecard.vue
index b4d43ce..cd4a197 100644
--- a/src/components/challenges/scorecard.vue
+++ b/src/components/challenges/scorecard.vue
@@ -48,7 +48,7 @@ export default {
   width: 100%;
   display: flex;
   justify-content:center;
-  background-color: #ff7f00;
+  background-color: #f39c12;
   border-radius: 10px;
   box-shadow: #9e4f00 0px 0px 10px;
 
@@ -74,4 +74,4 @@ export default {
 
 }
 
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/index/Index.vue b/src/components/index/Index.vue
index 0889ce4..2d80cce 100644
--- a/src/components/index/Index.vue
+++ b/src/components/index/Index.vue
@@ -3,7 +3,7 @@
    <div class="title">
      Welcome to SNCTF
    </div>
-    
+
   </div>
 </template>
 
@@ -19,7 +19,7 @@
     top: 80px;
     width: 100%;
     height: auto;
-    background: #2D3039;
+    //background: #2D3039;
     .title{
       /* Welcome To SNCTF */
 
@@ -28,7 +28,7 @@
       font-size: 50px;
       font-weight: normal;
       margin-top: 10%;
-      color: #FFFFFF;
+      color: #2c3e50;
     }
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/socre.vue b/src/components/socre.vue
index 591fe07..d1516d4 100644
--- a/src/components/socre.vue
+++ b/src/components/socre.vue
@@ -39,7 +39,7 @@ export default {
 .title{
   display: flex;
   justify-content: center;
-  color: #dddddd;
+  color: #2c3e50;
 }
 .el-table .warning-row {
   --el-table-tr-bg-color: var(--el-color-warning-light-9);
diff --git a/src/components/userid.vue b/src/components/userid.vue
index 2bc5cb2..a656896 100644
--- a/src/components/userid.vue
+++ b/src/components/userid.vue
@@ -15,7 +15,7 @@
         <p>城市：{{userData.country}}</p>
         <p>网站：{{userData.website}}</p>
       </el-dialog>
-      <h1 style="color: #FFFFFF">解题数</h1>
+      <h1 style="color: #2c3e50">解题数</h1>
       <div>
         <el-table :data="formData" style="width: 100%" stripe>
           <el-table-column prop="challenge_name" label="题目" width="180" />
@@ -163,7 +163,7 @@ export default {
     align-items: center;
     //div内标题间隙
     line-height:1px;
-    color: #FFFFFF;
+    color: #2c3e50;
 
   }
 
diff --git a/src/components/userinfo.vue b/src/components/userinfo.vue
index 68f65a6..747fdee 100644
--- a/src/components/userinfo.vue
+++ b/src/components/userinfo.vue
@@ -45,7 +45,7 @@
         </el-form>
         <el-button type="primary" @click="editUser">提交</el-button>
       </el-dialog>
-      <h1 style="color: #FFFFFF">解题数</h1>
+      <h1 style="color: #2c3e50">解题数</h1>
       <div>
         <el-table :data="formData" style="width: 100%" stripe>
           <el-table-column prop="challenge_name" label="题目" width="180" />
@@ -140,7 +140,7 @@ export default {
     align-items: center;
     //div内标题间隙
     line-height:1px;
-    color: #FFFFFF;
+    color: #2c3e50;
 
   }
 
diff --git a/src/components/userlist.vue b/src/components/userlist.vue
index 6debc5c..84817fd 100644
--- a/src/components/userlist.vue
+++ b/src/components/userlist.vue
@@ -50,6 +50,6 @@ export default {
 .title{
   display: flex;
   justify-content: center;
-  color: #dddddd;
+  color: #2c3e50;
 }
 </style>