diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 991c102e..8b29d4b9 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -17,9 +17,9 @@
         <div v-for="(value1,index1) in fathers" :key="index1" style="width:100%">
           <el-divider content-position="left">{{ value1.title }}</el-divider>
           <router-link v-for="(value2,index2) in sons" v-if="value2.pid === value1.id" :key="index2" :to="value2.path">
-            <el-card shadow="hover" class="sudoku_item" style="height:160px;width:170px;margin: 5px;display: inline-block;">
-              <svg-icon :icon-class="value2.icon" class="bgc" style="display:block;margin: auto;border: 0 solid black;font-color:black;background-color: #ffffff;width:70px;height:70px" /><br>
-              <div style="text-align:center">{{ value2.title }}</div>
+            <el-card shadow="hover" class="sudoku_item" style="height:160px;width:170px;margin: 5px;display: inline-block;background: #0F2027;background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);background: linear-gradient(to right, #2C5364, #203A43, #0F2027);">
+              <svg-icon :icon-class="value2.icon" class="bgc" style="display:block;margin: auto;border: 0 solid black;color:white;width:70px;height:70px" /><br>
+              <div style="color:white;text-align:center">{{ value2.title }}</div>
             </el-card>
           </router-link>
         </div>
@@ -137,11 +137,7 @@ export default {
 }
 </script>
 <style rel="stylesheet/scss" lang="scss">
-  .bgc{
-    * {
-      fill: black;
-    }
-  }
+
 </style>
 <style rel="stylesheet/scss" lang="scss" scoped>
   /*.text {*/