diff --git a/src/page/index/top/top-theme.vue b/src/page/index/top/top-theme.vue
index d8e48ab..b2713c2 100644
--- a/src/page/index/top/top-theme.vue
+++ b/src/page/index/top/top-theme.vue
@@ -52,6 +52,10 @@ export default {
         {
           name: "d2主题",
           value: "theme-d2"
+        },
+        {
+          name: "hey主题",
+          value: "theme-hey"
         }
       ]
     };
diff --git a/src/styles/theme/hey.scss b/src/styles/theme/hey.scss
new file mode 100644
index 0000000..cc4a4fe
--- /dev/null
+++ b/src/styles/theme/hey.scss
@@ -0,0 +1,45 @@
+.theme-hey{
+  .avue-sidebar{
+    background-color: #fff;
+    box-shadow: 0 1px 4px rgba(0,21,41,.08);
+    .el-menu-item,.el-submenu__title{
+      i,span{
+        color: rgba(49,58,70,.8);
+      }
+      &:hover{
+          background: transparent;
+          i,span{
+             color:#409eff;
+          }
+      }
+      &.is-active {
+          &:before {
+            left:auto;
+            right: 0 ;
+          }
+          background-color: #f0f6ff;
+          i,span{
+              color:#409eff;
+          }
+      }
+  }
+  }
+  .avue-logo{
+    background-color: #fff;
+    box-shadow: none;
+    .avue-logo_title{
+      color:#409eff;
+      font-size: 24px;
+    }
+  }
+  .avue-tags{
+    background: #f3f6f8;
+    .el-tabs__item{
+      color: rgba(0,0,0,.65) !important;
+    }
+    .is-active{
+      background-color: #fff;
+      border-bottom: none !important;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/styles/theme/index.scss b/src/styles/theme/index.scss
index a7fdfb3..4356e78 100644
--- a/src/styles/theme/index.scss
+++ b/src/styles/theme/index.scss
@@ -10,3 +10,6 @@
 
 //iview
 @import './iview.scss';
+
+//heyui
+@import './hey.scss';