ccc-devtools/css/themes/dark.css

.ivu-split-trigger {
	background: #444 !important;
}

.right-panel *,
.ivu-split-trigger,
.el-color-dropdown,
.el-color-dropdown *:not(.el-button--text),
.el-popover,
.el-popover * ,
#panelCtl .el-button{
	border-color: #333 !important;
	color: #bbb !important;
}

.el-popover,
.el-color-dropdown input,
.right-panel input,
.right-panel textarea,
.right-panel .el-checkbox__inner:not(.is-checked) {
	background-color: #333 !important;
	color: #bbb !important;
}

.right-panel button,
.right-panel span[role='button'],
.right-panel .ant-tree,
.right-panel .demo-split-pane,
.right-panel .el-card,
.right-panel .el-tree,
.el-color-dropdown,
.el-popover {
	background-color: #222 !important;
}

.right-panel .el-button {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.right-panel .top-pane span,
.right-panel .ant-tree,
.right-panel .demo-split-pane,
.right-panel .el-card,
.right-panel .el-tree {
	color: #aaa !important;
}

.right-panel .ant-tree-node-selected {
	background-color: #456 !important;
}

.right-panel .ant-tree-node-content-wrapper:hover,
.right-panel .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-panel .el-checkbox__label,
.right-panel .el-button,
.el-color-dropdown, button {
	color: #59a !important;
	background-color: #222 !important;
}

.tree-panel,
.prop-panel,
.ivu-modal-content,
.ivu-table-column-center,
.ivu-modal-header-inner {
	background-color: #222 !important;
	color: #bbb !important;
}