diff --git a/README.md b/README.md
index 038c159..a2e1dbb 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,9 @@ v2.1.0: 区分手动刷新和自动刷新两种模式，手动刷新时支持搜
 
 ![preview3](./screenshots/preview3.png)
 
+v2.1.2: 新增黑色主题
+![dark-theme](./screenshots/dark-theme.png)
+
 ## 使用
 
 1. 点击 Creator 右上角进入编辑器 resources 目录，再依次进入`static/preview-templates`目录
@@ -58,4 +61,4 @@ https://github.com/iview/iview
 
 https://github.com/FE-Driver/vue-beauty
 
-https://github.com/mrdoob/stats.js
+https://github.com/mrdoob/stats.js
\ No newline at end of file
diff --git a/css/themes/dark.css b/css/themes/dark.css
new file mode 100644
index 0000000..c50693b
--- /dev/null
+++ b/css/themes/dark.css
@@ -0,0 +1,68 @@
+.ivu-split-trigger {
+	background: #444 !important;
+}
+
+.right-pane *,
+.ivu-split-trigger,
+.el-color-dropdown,
+.el-color-dropdown *:not(.el-button--text),
+.el-popover,
+.el-popover * ,
+#panelCtl .el-button{
+	border-color: #333 !important;
+}
+
+.el-popover,
+.el-color-dropdown input,
+.right-pane input,
+.right-pane textarea,
+.right-pane .el-checkbox__inner:not(.is-checked) {
+	background-color: #333 !important;
+	color: #bbb !important;
+}
+
+.right-pane button,
+.right-pane span[role='button'],
+.right-pane .ant-tree,
+.right-pane .demo-split-pane,
+.right-pane .el-card,
+.right-pane .el-tree,
+.el-color-dropdown,
+.el-popover {
+	background-color: #222 !important;
+}
+
+.right-pane .el-button {
+	padding-left: 10px !important;
+	padding-right: 10px !important;
+}
+
+.right-pane .top-pane span,
+.right-pane .ant-tree,
+.right-pane .demo-split-pane,
+.right-pane .el-card,
+.right-pane .el-tree {
+	color: #aaa !important;
+}
+
+.right-pane .ant-tree-node-selected {
+	background-color: #456 !important;
+}
+
+.right-pane .ant-tree-node-content-wrapper:hover,
+.right-pane .el-tree-node .el-tree-node__content:hover {
+	background-color: #567 !important;
+}
+
+.el-switch.is-checked .el-switch__core,
+.el-tree-node.is-current .el-tree-node__content,
+.el-checkbox__input.is-checked .el-checkbox__inner {
+	background-color: #367 !important;
+}
+
+.right-pane .el-checkbox__label,
+.right-pane .el-button,
+.el-color-dropdown, button {
+	color: #59a !important;
+	background-color: #222 !important;
+}
diff --git a/index.html b/index.html
index 49ae87d..1a55d57 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
 <link rel="stylesheet" href="app/editor/static/preview-templates/ccc-devtools/css/vue-beauty.min.css">
 <link rel="stylesheet" href="app/editor/static/preview-templates/ccc-devtools/css/element-ui.css">
 <link rel="stylesheet" href="app/editor/static/preview-templates/ccc-devtools/css/iview.css">
+<link rel="stylesheet" href="app/editor/static/preview-templates/ccc-devtools/css/themes/dark.css">
 
 <style>
 	body {
diff --git a/screenshots/dark-theme.png b/screenshots/dark-theme.png
new file mode 100644
index 0000000..c4d0aa7
Binary files /dev/null and b/screenshots/dark-theme.png differ
diff --git a/version.json b/version.json
index fdd3149..708cebb 100644
--- a/version.json
+++ b/version.json
@@ -1,6 +1,6 @@
 {
     "name": "ccc-devtools",
-    "version": "2.1.1",
+    "version": "2.1.2",
     "author": "Next",
     "repo": "https://github.com/potato47/ccc-devtools.git"
 }
\ No newline at end of file