chore: optimize the realization of theme color 🌟

src/components/checkbox/ImgCheckbox.vue

@@ -138,7 +138,7 @@ export default {
       padding-top: 15px;
       padding-left: 24px;
       height: 100%;
-      color: #1890ff;
+      color: @primary-color;
       font-size: 14px;
       font-weight: bold;
     }

src/components/menu/SideMenu.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-layout-sider :class="[theme, 'side', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null">
+  <a-layout-sider :theme="theme" :class="['side', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null">
     <div :class="['logo', theme]">
       <router-link to="/dashboard/workplace">
         <img src="@/assets/img/logo.png">
@@ -56,12 +56,6 @@ export default {
   }
   .side{
     z-index: 10;
-    &.light{
-      background-color: #fff;
-    }
-    &.dark{
-      background-color: #001529;
-    }
     .logo{
       height: 64px;
       position: relative;
@@ -70,32 +64,22 @@ export default {
       -webkit-transition: all .3s;
       transition: all .3s;
       overflow: hidden;
+      background-color: @layout-trigger-background;
       &.light{
         background-color: #fff;
         h1{
-          color: #1890ff;
-        }
-      }
-      &.dark{
-        background-color: #002140;
-        h1{
-          color: #fff;
+          color: @primary-color;
         }
       }
       h1{
         color: #fff;
         font-size: 20px;
         margin: 0 0 0 12px;
-        font-family: "Myriad Pro","Helvetica Neue",Arial,Helvetica,sans-serif;
-        font-weight: 600;
         display: inline-block;
-        height: 32px;
-        line-height: 32px;
         vertical-align: middle;
       }
       img{
         width: 32px;
-        display: inline-block;
         vertical-align: middle;
       }
     }

src/components/result/Result.vue

@@ -32,7 +32,7 @@ export default {
       margin-bottom: 24px;
     }
     .success {
-      color: green;
+      color: @success-color;
     }
     .error {
       color: red;

src/components/setting/StyleItem.vue

@@ -1,36 +0,0 @@
-<template>
-  <div class="style">
-    <img :src="img" />
-    <div v-if="selected" class="select-item">
-      <a-icon type="check" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'StyleItem',
-  props: ['selected', 'img']
-}
-</script>
-
-<style lang="less" scoped>
-  .style{
-    margin-right: 16px;
-    position: relative;
-    border-radius: 4px;
-    cursor: pointer;
-    .select-item{
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: 100%;
-      padding-top: 15px;
-      padding-left: 24px;
-      height: 100%;
-      color: #1890ff;
-      font-size: 14px;
-      font-weight: bold;
-    }
-  }
-</style>

src/components/transition/PageToggleTransition.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-  import animates from '@/config/animates'
+  import {animates} from '@/config/default'
 
   export default {
     name: 'PageToggleTransition',