diff --git a/src/page/index/top/top-theme.vue b/src/page/index/top/top-theme.vue
index 8b91c58..d1c22c6 100644
--- a/src/page/index/top/top-theme.vue
+++ b/src/page/index/top/top-theme.vue
@@ -42,6 +42,10 @@ export default {
           name: "白色主题",
           value: "theme-white"
         },
+        {
+          name: "黑色主题",
+          value: "theme-dark"
+        },
         {
           name: "炫彩主题",
           value: "theme-star"
diff --git a/src/styles/theme/dark.scss b/src/styles/theme/dark.scss
new file mode 100644
index 0000000..395232b
--- /dev/null
+++ b/src/styles/theme/dark.scss
@@ -0,0 +1,57 @@
+.theme-dark {
+  .avue-logo{
+    color: #fff;
+    background-color: #2c3643;
+    box-shadow: none;
+    .avue-logo_title{
+      font-size: 20px;
+      font-weight: 400;
+    }
+  }
+  .avue-top{
+    background-color: #2c3643;
+    box-shadow: none;
+    color:#ccc;
+    i, span{
+      color:#ccc;
+    }
+  }
+  .avue-main{
+    padding: 0 5px;
+  }
+  .avue-tags{
+    padding-left: 0;
+    background-color: #2c3643;
+    border-color:  transparent;
+    .el-tabs__item{
+      margin: 0 !important;
+      background-color: #262d37;
+      &.is-active{
+        color:#262d37 !important;
+        background-color:#fff !important;
+        border-color: #262d37 !important;
+      }
+    } 
+  }
+  .avue-main{
+    background-color: #2c3643;
+  }
+  .avue-sidebar{
+    background-color: #2c3643;
+    box-shadow: none;
+    .el-menu-item,.el-submenu__title{
+      i,span{
+          color:#ccc;
+      }
+      &:hover,&.is-active{
+        background: #262d37;
+          i,span{
+            color: #fff;
+          }
+          &:before{
+            background-color: #000;
+          }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/styles/theme/index.scss b/src/styles/theme/index.scss
index 07b9089..c4449d0 100644
--- a/src/styles/theme/index.scss
+++ b/src/styles/theme/index.scss
@@ -1,6 +1,9 @@
 // white
 @import './white.scss';
 
+//dark
+@import './dark.scss';
+
 // star
 @import './star.scss';