Merge pull request #3 from wheatup/master

增加主题：黑色

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

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;
+}

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 {

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"
 }