diff --git a/src/layouts/components/VabAvatar/index.vue b/src/layouts/components/VabAvatar/index.vue
index 0fd0d14..67dc68b 100644
--- a/src/layouts/components/VabAvatar/index.vue
+++ b/src/layouts/components/VabAvatar/index.vue
@@ -12,6 +12,8 @@
     <el-dropdown-menu slot="dropdown">
       <el-dropdown-item command="github">github地址</el-dropdown-item>
       <el-dropdown-item command="gitee" divided>码云地址</el-dropdown-item>
+      <el-dropdown-item command="pro" divided>pro付费版地址</el-dropdown-item>
+      <el-dropdown-item command="plus" divided>plus付费版地址</el-dropdown-item>
       <el-dropdown-item command="logout" divided>退出登录</el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
@@ -44,6 +46,15 @@
           case 'gitee':
             window.open('https://gitee.com/chu1204505056/vue-admin-beautiful')
             break
+          case 'pro':
+            window.open(
+              'https://chu1204505056.gitee.io/admin-pro/?hmsr=homeAd&hmpl=&hmcu=&hmkw=&hmci='
+            )
+            break
+          case 'plus':
+            window.open(
+              'https://chu1204505056.gitee.io/admin-plus/?hmsr=homeAd&hmpl=&hmcu=&hmkw=&hmci='
+            )
         }
       },
       personalCenter() {
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 347982d..aba5747 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -26,12 +26,12 @@ $base-font-size-bigger: 18px;
 $base-font-size-max: 22px;
 $base-font-color: #606266;
 $base-color-blue: $base-color-default;
-$base-color-green: #13ce66;
+$base-color-green: #91cc75;
 $base-color-white: #fff;
 $base-color-black: #000;
-$base-color-yellow: #ffba00;
+$base-color-yellow: #fac858;
 $base-color-orange: #ff6700;
-$base-color-red: #ff4d4f;
+$base-color-red: #ee6666;
 $base-color-gray: rgba(0, 0, 0, 0.65);
 $base-main-width: 1279px;
 $base-border-radius: 2px;
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 27971d2..71c11b8 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -350,11 +350,11 @@
                 normal: {
                   color() {
                     const arr = [
-                      '#1890FF',
-                      '#36CBCB',
-                      '#4ECB73',
-                      '#FBD437',
-                      '#F2637B',
+                      '#5470c6',
+                      '#91cc75',
+                      '#fac858',
+                      '#ee6666',
+                      '#73c0de',
                       '#975FE5',
                     ]
                     let index = Math.floor(Math.random() * arr.length)
@@ -552,25 +552,25 @@
             icon: 'video',
             title: '视频播放器',
             link: '/vab/player',
-            color: '#ffc069',
+            color: '91cc75',
           },
           {
             icon: 'table',
             title: '表格',
             link: '/vab/table/comprehensiveTable',
-            color: '#5cdbd3',
+            color: '#5470c6',
           },
           {
             icon: 'laptop-code',
             title: '源码',
             link: 'https://github.com/chuzhixin/vue-admin-beautiful',
-            color: '#b37feb',
+            color: '#fac858',
           },
           {
             icon: 'book',
             title: '书籍',
             link: '',
-            color: '#69c0ff',
+            color: '#ee6666',
           },
           {
             icon: 'bullhorn',
@@ -582,14 +582,14 @@
             icon: 'gift',
             title: '礼物',
             link: '',
-            color: '#ffd666',
+            color: '#73c0de',
           },
 
           {
             icon: 'balance-scale-left',
             title: '公平的世界',
             link: '',
-            color: '#ff9c6e',
+            color: 'ee6666',
           },
           {
             icon: 'coffee',