dark主题

dist/dark.css

@@ -0,0 +1,602 @@
+.main-header > .x-panel-bodyWrap > .x-panel-body > .x-box-inner{
+ background: #000
+}
+.main-header > .x-panel-bodyWrap > .x-panel-body > .x-box-inner > .x-box-target > .yvan_design > .x-panel-bodyWrap > .x-panel-body{
+ background: #000
+}
+.main-header .header-menu .x-btn-inner-default-small{
+ color:#fff;
+ font-size: 13px;
+}
+.x-panel.main-header .x-btn-icon-el-default-small{
+ color: #cdc9a5;
+}
+.wotu-ui .main-tree-left .x-panel-header-default {
+ background: #212121;
+ border-bottom:1px solid #000;
+ box-sizing: content-box;
+}
+.x-autowidth-table .x-grid-item{
+ background: #212121;
+}
+.wotu-ui .main-tree-left .x-panel-bodyWrap > .x-box-layout-ct{
+ background: #212121;
+}
+.wotu-ui .main-tree-left .x-tree-view{
+ background: #212121;
+}
+.wotu-ui .main-tree-left .x-panel-bodyWrap > .x-box-layout-ct{
+ border-left-color:#212121;
+ border-top: 1px solid #313030;
+}
+.wotu-ui .main-tree-left .x-tree-view{
+ border-top-color:#212121;
+}
+.wotu-ui .main-tree-left .x-grid-no-row-lines{
+ border-left-color:#212121;
+}
+.wotu-ui .main-tree-left .x-grid-row[aria-selected="true"]{
+ background-color: #5a5a5a;
+}
+.x-form-text-default{
+ background: #000;
+}
+.main-tree-left + .x-splitter{
+ background: #000;
+}
+/*滚公条*/
+*::-webkit-scrollbar{
+ width:9px;
+ height:12px;
+}
+*::-webkit-scrollbar-button{
+ width:0px;
+ height:0px;
+}
+*::-webkit-scrollbar-track{
+ background: #212121;
+}
+/*滚轴的颜色*/
+*::-webkit-scrollbar-thumb{
+ background:#555758;
+}
+*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb{
+ border-radius:3px;
+}
+*::-webkit-scrollbar-corner,*::-webkit-scrollbar-button{
+ background:#3f4244;
+}
+.x-grid-item-selected{
+ color:#fff
+}
+.wotu-ui .main-tree-left .x-tree-icon-leaf,.wotu-ui .main-tree-left .x-tree-icon-parent-expanded{
+ color:#fff
+}
+.wotu-ui .main-tree-left .x-grid-item{
+ color:#fff;
+ font-weight: 400;
+}
+.wotu-ui .main-tree-left  .x-grid-row[aria-selected="true"]{
+ color:#fff
+}
+.wotu-ui .main-tree-left .x-tree-icon-parent{
+ color:#fff
+}
+.x-keyboard-mode .main-tree-left .x-grid-row[aria-selected="true"] .x-grid-item-focused{
+ color: #fff;
+}
+.wotu-ui .main-tree-left .x-grid-tree-node-expanded .x-tree-elbow-plus, .wotu-ui .main-tree-left .x-grid-tree-node-expanded .x-tree-elbow-end-plus{
+ color: #fff;
+}
+.wotu-ui .main-tree-left .x-tree-elbow-plus, .wotu-ui .main-tree-left .x-tree-elbow-end-plus, .wotu-ui .main-tree-left .x-tree-icon-parent{
+ color:#fff
+}
+.x-unselectable{
+ /*cursor: pointer;*/
+}
+.x-splitter-vertical{
+ cursor: col-resize;
+}
+.main-content > .x-panel-bodyWrap{
+ background: #212121;
+}
+.wotu-ui .main-content .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default {
+ background: #434343;
+}
+.wotu-ui .main-content .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
+ color: #ffc600;
+}
+.wotu-ui .main-content >.x-panel-bodyWrap .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-default{
+ border:none;
+ background: #222;
+}
+.wotu-ui .main-content >.x-panel-bodyWrap .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default{
+ border:none;
+ background: #333;
+}
+.x-tab-bar-plain .x-tab-inner-default{
+ color: #c8c8c8;
+}
+.x-tab-bar-plain .x-tab-over.x-tab-default .x-tab-inner-default{
+ color: #ffc600;
+}
+.wotu-ui.x-border-layout-ct{
+ background: #212121;
+}
+.wotu-ui .main-content div.x-border-layout-ct{
+  background: #212121;
+}
+.wotu-ui .main-content .x-panel-bodyWrap > .x-box-layout-ct{
+ background: #333;
+}
+/*.main-content .x-toolbar{*/
+/* position: relative;*/
+/*}*/
+/*.main-content .x-toolbar:after{*/
+/* position: absolute;*/
+/* width: 100%;*/
+/* height: 1px;*/
+/* background: #fff;*/
+/* content: '';*/
+/* bottom:1px;*/
+/* left:0;*/
+/*}*/
+.main-content .x-panel:not(.x-grid-locked)>.x-panel-bodyWrap>.x-toolbar{
+ position: relative;
+}
+.main-content .x-panel:not(.x-grid-locked)>.x-panel-bodyWrap>.x-toolbar:after{
+  position: absolute;
+  width: 100%;
+  height: 1px;
+  background: #000;
+  content: '';
+  bottom:1px;
+  left:0;
+}
+.wotu-ui .x-column-header-inner{
+ background: #333;
+ color: #ffff;
+}
+.wotu-ui .x-column-header{
+ border-color:#505050;
+}
+.x-grid-scrollbar-clipper > .x-grid-view, .x-grid-scrollbar-clipper > .x-tree-view {
+ background-color: #333;
+}
+.x-grid-item{
+ background-color: #333;
+ color: #fff;
+}
+.wotu-ui .x-grid-header-ct-default .x-box-inner {
+ border-top: 1px solid #000000;
+ border-bottom: 1px solid #505050;
+}
+.wotu-ui .x-docked-noborder-left{
+ border:none
+}
+.wotu-ui .x-panel-bodyWrap > .x-box-layout-ct{
+ border:none;
+ background: #333;
+}
+.x-tree-view{
+ background: #333;
+ border-top:0
+}
+.x-grid-no-row-lines{
+ border:none
+}
+.x-toolbar{
+ border-bottom:1px solid #000;
+}
+.wotu-ui .x-grid-locked-split .x-grid-inner-normal{
+ border-color:#505050;
+}
+.wotu-ui .x-grid-with-col-lines .x-grid-cell{
+ border-color:#505050;
+
+}
+.wotu-ui .x-grid-row .x-grid-cell-selected{
+ background-color: #bfb79d;
+ color: #fff;
+}
+.wotu-ui .x-grid-with-row-lines .x-grid-item{
+ border-color: #505050;
+}
+.wotu-ui .x-grid-width-row-lines .x-grid-item-selected + .x-grid-item{
+ border:none;
+ background:#000;
+}
+.main-content .x-grid-item-over{
+ background: #000;
+}
+.wotu-ui .x-grid-width-row-lines .x-grid-item.x-grid-item-over{
+ border-color: #505050;
+ background: #000;
+}
+.wotu-ui .x-grid-row[aria-selected="true"],
+.wotu-ui .x-grid-row.x-grid-record-red[aria-selected="true"],
+.wotu-ui .x-grid-row.x-grid-record-bg-green[aria-selected="true"],
+.wotu-ui .x-grid-row.x-grid-record-bg-red[aria-selected="true"],
+.wotu-ui .x-grid-row.x-grid-record-bg-yellow[aria-selected="true"],
+.wotu-ui .x-grid-row.x-grid-record-bg-purple[aria-selected="true"],
+.wotu-ui .x-grid-row.x-grid-record-bg-blue[aria-selected="true"]{
+ background-color: #7f7f7f;
+ color: #fff;
+}
+.x-keyboard-mode .x-grid-row[aria-selected="true"] .x-grid-item-focused{
+ color: #fff;
+}
+.x-keyboard-mode .x-grid-cell-inner {
+ border:none
+}
+.x-grid-item-alt{
+ background: #444;
+}
+.x-tree-view.x-tree-view-default .x-grid-cell-inner{
+ cursor: pointer;
+}
+.x-grid-scroll-body{
+ background: #333;
+}
+.x-grid-empty{
+ background: #333;
+ color:#fff
+}
+.x-keyboard-mode .x-grid-item-focused{
+ color: #fff;
+}
+.x-column-header-trigger{
+ background-color: #000000;
+ border-left: 1px solid #3d3d3d;
+}
+.x-column-header-open .x-column-header-trigger{
+ background: #cdc9a5;
+ color: #fff;
+}
+.x-grid-scrollbar-visible{
+ background: #333;
+}
+.x-grid-cell-row-numberer {
+ background-color: #333;
+}
+.x-grid-inner-locked{
+ border-right-color: #505050;
+}
+.x-grid-scrollbar-clipper-locked{
+ border-color: #505050
+}
+.x-grid-cell-inner-row-numberer.x-grid-cell-inner{
+ color: #fff;
+}
+.x-grid-scroll-container {
+ background-color: #222;
+}
+.x-grid-scrollbar-clipper-locked, .x-grid-scrollbar-locked{
+ border-color: #4f5050;
+}
+/*-------------------*/
+.wotu-ui .x-panel-body-default{
+ background: #333;
+}
+
+.x-collapse-el{
+ background-color: #404040;
+ color: #989898
+}
+.wotu-ui .x-tree-checkbox,.wotu-ui .x-grid-hd-checker-on .x-column-header-checkbox:after,.wotu-ui .x-grid-checkcolumn-checked:after {
+ color: #d5ceb4;
+}
+.wotu-ui .main-content .x-tree-elbow-plus, .wotu-ui .main-content .x-tree-elbow-end-plus, .wotu-ui .main-content .x-tree-icon-parent {
+ color: #bfbfbf
+}
+.wotu-ui .main-content .x-grid-tree-node-expanded .x-tree-elbow-plus, .wotu-ui .main-content .x-grid-tree-node-expanded .x-tree-elbow-end-plus{
+ color: #bfbfbf
+}
+.wotu-ui .main-content .x-tree-icon-parent-expanded, .wotu-ui .main-content .x-tree-icon-leaf{
+ color: #bfbfbf
+}
+/*按钮*/
+.grid-bbar .x-btn-default-toolbar-small{
+ background: #333;
+ border: none;
+}
+.grid-bbar.x-toolbar-default.x-docked-bottom.x-toolbar-docked-bottom{
+ box-shadow: 0 1px 4px 0 rgba(190,190,190,.6);
+}
+.grid-bbar .x-btn-icon-el-default-toolbar-small{
+ color: #d3d3d3;
+}
+.grid-bbar .x-toolbar-text-default{
+ color: #fff;
+}
+.x-toolbar-default .x-toolbar-separator-horizontal{
+ border-left-color: #5e5e5e;
+}
+.x-btn.x-btn-disabled.x-btn-default-toolbar-small{
+ background-color: #7f7f7f;
+}
+.x-btn.x-btn-disabled .x-btn-inner-default-toolbar-small,.x-btn.x-btn-disabled .x-btn-icon-el-default-toolbar-small{
+ color: #cbcbcb;
+}
+/*-form-*/
+.wotu-ui .x-form-trigger-wrap-default{
+ border-color: #645f5f;
+}
+input::-webkit-input-placeholder {  /* WebKit browsers*/
+ color: #fff;
+ font-size: 14px;
+ font-weight: 400;
+}
+input:-moz-input-placeholder {   /* Mozilla Firefox 4 to 18*/
+ color: #fff;
+ font-size: 14px;
+ font-weight: 400;
+}
+input:-ms-input-placeholder { /* Internet Explorer 10+  9b9b99*/
+ color: #fff;
+ font-weight: 400;
+}
+.x-form-text-default{
+ color: #fff;
+}
+.x-form-trigger-default{
+ background: #000;
+ color: #ffffff;
+}
+.wotu-ui li.x-boundlist-selected{
+ background: #f4c521;
+ border-color: #f4c521;
+}
+.wotu-ui .x-boundlist-item.x-boundlist-item-over{
+ background: #f4c521;
+}
+.wotu-ui .x-boundlist-item {
+ background: #3e3e3e;
+ color: #fff;
+}
+.x-form-item-label-default{
+ color: #fff;
+ font-weight: 400;
+}
+.x-btn-default-toolbar-small{
+ background-color: #767676;
+ border-color: #767676;
+}
+.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small{
+ color: #fff;
+}
+.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small{
+ color: #fff;
+}
+.x-btn-over.x-btn-default-toolbar-small{
+ border-color: #f4c521;
+ background-image: none;
+ background-color: #f4c521;
+}
+.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small{
+ background-color: #767676;
+ border-color: #767676;
+ color: #fff;
+}
+.x-toolbar-default .x-box-menu-after{
+ background: none;
+ border: none;
+}
+.x-fieldset.x-fieldset-default{
+ background: #333;
+ border: 1px solid #504f4f !important;
+}
+.x-fieldset-header-default > .x-fieldset-header-text{
+ color:#fff
+}
+.x-form-cb-label-default.x-form-cb-label-after{
+ color: #fff;
+}
+/*searchbox*/
+.x-boundlist>.x-panel>.x-panel-header{
+ background: #212121;
+}
+.x-boundlist .x-toolbar{
+ background: #212121;
+}
+.x-boundlist .x-toolbar-default{
+ background-color: #333;
+}
+.x-boundlist .x-grid-scroll-container{
+ background-color: #333;
+}
+.x-boundlist > .x-panel-default{
+ border: 1px solid #6a6868;
+}
+.x-css-shadow{
+ box-shadow: rgb(16 16 16) 0px 0px 102px!important;
+}
+/*-window-*/
+.wotu-ui .x-window.x-window-default, .wotu-ui .x-window.x-window-header-default {
+ border-color: #6a6868;
+}
+.wotu-ui .x-window .x-window-header-default-top{
+ background: #212121;
+ border:none;
+ border-bottom: 1px solid #313131;
+}
+.x-window-body-default{
+ background: #333;
+}
+.wotu-ui .x-window.x-window-default{
+ background: #333;
+}
+.x-window .x-window-bodyWrap .x-toolbar-footer{
+ background-color: #333;
+ padding: 10px 0 6px 6px;
+ border:none;
+ border-top:1px solid #212121;
+ border-radius: 0;
+}
+.wotu-ui .x-window.x-toolbar-footer{
+ background-color: #333;
+}
+.x-window-bodyWrap .x-toolbar{
+ border-color: #333;
+}
+.wotu-ui .x-window .x-panel-bodyWrap > .x-box-layout-ct{
+ background: #333;
+}
+.wotu-ui .x-window .x-panel-body-default{
+ background-color: #333;
+}
+.wotu-ui .x-window .x-window-header-default .x-tool-img{
+ background: #212121;
+}
+.wotu-ui .x-window .x-btn-default-small,.wotu-ui .x-window .x-btn-inner-default-small{
+ background-color: #b79f4b;
+ border-color: #b79f4b;
+}
+.wotu-ui .x-window .x-btn-default-small:hover,.wotu-ui .x-window .x-btn-default-small:hover .x-btn-inner{
+ background: #af9641;
+}
+.x-window-body>.x-panel>.x-panel-bodyWrap>.x-toolbar{
+ position: relative;
+}
+.x-window-body>.x-panel>.x-panel-bodyWrap>.x-toolbar:after{
+ position: absolute;
+ content: '';
+ width: 100%;
+ height: 1px;
+ left: 0;
+ bottom:0;
+ background: #000;
+}
+.wotu-ui .x-window .x-splitter-vertical{
+ background: #212121;
+}
+.x-box-scroller-body-vertical{
+ background: #333;
+}
+.x-menu-default{
+ border-color:#6a6868;
+}
+.x-menu-item-icon-default{
+ color: #fff;
+}
+.x-menu-item-text-default{
+ color: #fff;
+}
+.wotu-ui .x-menu-item.x-menu-item-default.x-menu-item-focus, .wotu-ui .x-menu-item.x-menu-item-default.x-menu-item-active{
+ background: #f4c521;
+}
+.x-menu-item-default.x-menu-item-separator{
+ border-color: #4a4848;
+}
+.wotu-ui .x-header.x-panel-header-default{
+ background: #333;
+}
+.wotu-ui .x-boundlist .x-header.x-panel-header-default{
+ background: #212121;
+}
+.wotu-ui .x-message-box .x-window-body{
+ background-color: #333;
+}
+.x-window-body-default{
+ color: #fff;
+}
+.x-menu-body-default{
+ background: #333;
+}
+.wotu-ui .x-tab-bar.x-tab-bar-default{
+ background: #212121;
+}
+.x-keyboard-mode .x-tab-bar-plain .x-tab-focus.x-tab-over.x-tab-default .x-tab-inner-default{
+ color:#f4c521
+}
+.yvan-msg{
+ background-color: rgba(0, 0, 0, .7);
+ font-weight: 400;
+}
+.x-tab.x-tab-active.x-tab-default{
+ background-color: #767676;
+}
+.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default{
+ background-color: #767676;
+}
+/*日期*/
+.x-datepicker{
+ background-color: #333;
+ border-color: #7d7b7b;
+}
+.x-datepicker-header{
+ background-color: #333;
+}
+.x-datepicker-header .x-datepicker-month{
+ border-bottom: 1px solid #5f5d5d;
+}
+.x-datepicker-arrow{
+ background: #333;
+ color:#fff
+}
+.x-datepicker-column-header{
+ background: #333;
+ color: #fff;
+}
+.x-datepicker-footer, .x-monthpicker-buttons{
+ background-color: #333;
+}
+.wotu-ui .x-datepicker .x-datepicker-selected div.x-datepicker-date {
+ background: #f4c521;
+}
+.wotu-ui .x-datepicker .x-datepicker-footer .x-btn-default-small{
+ background: #767676;
+ border-color: #767676;
+}
+.wotu-ui .x-datepicker .x-datepicker-footer .x-btn-default-small:hover{
+ background: #f4c521;
+ border-color: #efc01a;
+}
+.x-datepicker-prevday .x-datepicker-date, .x-datepicker-nextday .x-datepicker-date{
+ color: #666464;
+}
+.x-datepicker-date{
+ color: #fff;
+}
+.x-datepicker-month .x-btn-inner {
+ color: #ffffff;
+}
+div.x-datepicker-date:hover {
+ background-color: #dcce9b;
+}
+.x-datepicker-month .x-btn-over{
+ background: #444;
+}
+.wotu-ui .x-datepicker .x-btn.x-btn-pressed.x-btn-default-small{
+ background: #444;
+}
+.x-datepicker .x-monthpicker{
+ background: #333;
+}
+.x-datepicker .x-monthpicker-item-inner{
+ color: #fff;
+}
+.x-monthpicker-item a.x-monthpicker-selected{
+ background: #f4c521;
+}
+a.x-monthpicker-item-inner:hover{
+ background-color: #dcce9b;
+}
+.x-monthpicker-yearnav-button{
+ background: #444;
+ color: #fff;
+}
+.x-monthpicker-buttons .x-btn-default-small{
+ background: #767676;
+ border-color: #767676;
+}
+.x-monthpicker-buttons .x-btn-default-small:hover{
+ background: #f4c521;
+ border-color: #efc01a;
+}
+.x-monthpicker-months{
+ border-color:#7d7b7b
+}
+.x-boundlist{
+ border-color:#7d7b7b
+}