CocosPlugin/ccc-devtools
1
0
Fork 0
mirror of https://github.com/potato47/ccc-devtools.git synced 2024-12-25 11:19:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

add dark mode to match the develop theme

Browse Source
This commit is contained in:
wheatup 2019-04-08 19:01:53 +09:00
parent d8897e9302
commit 018f2b6651
2 changed files with 57 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
css/themes/dark.css Normal file
View File

@ -0,0 +1,56 @@
.ivu-split-trigger {
background: #444 !important;
}
.right-pane *,
.ivu-split-trigger {
border-color: #333 !important;
}
.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 {
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;
}
.right-pane .el-switch.is-checked .el-switch__core,
.right-pane .el-tree-node.is-current .el-tree-node__content,
.right-pane .el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #367 !important;
}
.right-pane .el-checkbox__label,
.right-pane .el-button {
color: #59a !important;
}

1
index.html
View File

@ -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 {