dark.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602
  1. .main-header > .x-panel-bodyWrap > .x-panel-body > .x-box-inner{
  2. background: #000
  3. }
  4. .main-header > .x-panel-bodyWrap > .x-panel-body > .x-box-inner > .x-box-target > .yvan_design > .x-panel-bodyWrap > .x-panel-body{
  5. background: #000
  6. }
  7. .main-header .header-menu .x-btn-inner-default-small{
  8. color:#fff;
  9. font-size: 13px;
  10. }
  11. .x-panel.main-header .x-btn-icon-el-default-small{
  12. color: #cdc9a5;
  13. }
  14. .wotu-ui .main-tree-left .x-panel-header-default {
  15. background: #212121;
  16. border-bottom:1px solid #000;
  17. box-sizing: content-box;
  18. }
  19. .x-autowidth-table .x-grid-item{
  20. background: #212121;
  21. }
  22. .wotu-ui .main-tree-left .x-panel-bodyWrap > .x-box-layout-ct{
  23. background: #212121;
  24. }
  25. .wotu-ui .main-tree-left .x-tree-view{
  26. background: #212121;
  27. }
  28. .wotu-ui .main-tree-left .x-panel-bodyWrap > .x-box-layout-ct{
  29. border-left-color:#212121;
  30. border-top: 1px solid #313030;
  31. }
  32. .wotu-ui .main-tree-left .x-tree-view{
  33. border-top-color:#212121;
  34. }
  35. .wotu-ui .main-tree-left .x-grid-no-row-lines{
  36. border-left-color:#212121;
  37. }
  38. .wotu-ui .main-tree-left .x-grid-row[aria-selected="true"]{
  39. background-color: #5a5a5a;
  40. }
  41. .x-form-text-default{
  42. background: #000;
  43. }
  44. .main-tree-left + .x-splitter{
  45. background: #000;
  46. }
  47. /*滚公条*/
  48. *::-webkit-scrollbar{
  49. width:9px;
  50. height:12px;
  51. }
  52. *::-webkit-scrollbar-button{
  53. width:0px;
  54. height:0px;
  55. }
  56. *::-webkit-scrollbar-track{
  57. background: #212121;
  58. }
  59. /*滚轴的颜色*/
  60. *::-webkit-scrollbar-thumb{
  61. background:#555758;
  62. }
  63. *::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb{
  64. border-radius:3px;
  65. }
  66. *::-webkit-scrollbar-corner,*::-webkit-scrollbar-button{
  67. background:#3f4244;
  68. }
  69. .x-grid-item-selected{
  70. color:#fff
  71. }
  72. .wotu-ui .main-tree-left .x-tree-icon-leaf,.wotu-ui .main-tree-left .x-tree-icon-parent-expanded{
  73. color:#fff
  74. }
  75. .wotu-ui .main-tree-left .x-grid-item{
  76. color:#fff;
  77. font-weight: 400;
  78. }
  79. .wotu-ui .main-tree-left .x-grid-row[aria-selected="true"]{
  80. color:#fff
  81. }
  82. .wotu-ui .main-tree-left .x-tree-icon-parent{
  83. color:#fff
  84. }
  85. .x-keyboard-mode .main-tree-left .x-grid-row[aria-selected="true"] .x-grid-item-focused{
  86. color: #fff;
  87. }
  88. .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{
  89. color: #fff;
  90. }
  91. .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{
  92. color:#fff
  93. }
  94. .x-unselectable{
  95. /*cursor: pointer;*/
  96. }
  97. .x-splitter-vertical{
  98. cursor: col-resize;
  99. }
  100. .main-content > .x-panel-bodyWrap{
  101. background: #212121;
  102. }
  103. .wotu-ui .main-content .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default {
  104. background: #434343;
  105. }
  106. .wotu-ui .main-content .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
  107. color: #ffc600;
  108. }
  109. .wotu-ui .main-content >.x-panel-bodyWrap .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-default{
  110. border:none;
  111. background: #222;
  112. }
  113. .wotu-ui .main-content >.x-panel-bodyWrap .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default{
  114. border:none;
  115. background: #333;
  116. }
  117. .x-tab-bar-plain .x-tab-inner-default{
  118. color: #c8c8c8;
  119. }
  120. .x-tab-bar-plain .x-tab-over.x-tab-default .x-tab-inner-default{
  121. color: #ffc600;
  122. }
  123. .wotu-ui.x-border-layout-ct{
  124. background: #212121;
  125. }
  126. .wotu-ui .main-content div.x-border-layout-ct{
  127. background: #212121;
  128. }
  129. .wotu-ui .main-content .x-panel-bodyWrap > .x-box-layout-ct{
  130. background: #333;
  131. }
  132. /*.main-content .x-toolbar{*/
  133. /* position: relative;*/
  134. /*}*/
  135. /*.main-content .x-toolbar:after{*/
  136. /* position: absolute;*/
  137. /* width: 100%;*/
  138. /* height: 1px;*/
  139. /* background: #fff;*/
  140. /* content: '';*/
  141. /* bottom:1px;*/
  142. /* left:0;*/
  143. /*}*/
  144. .main-content .x-panel:not(.x-grid-locked)>.x-panel-bodyWrap>.x-toolbar{
  145. position: relative;
  146. }
  147. .main-content .x-panel:not(.x-grid-locked)>.x-panel-bodyWrap>.x-toolbar:after{
  148. position: absolute;
  149. width: 100%;
  150. height: 1px;
  151. background: #000;
  152. content: '';
  153. bottom:1px;
  154. left:0;
  155. }
  156. .wotu-ui .x-column-header-inner{
  157. background: #333;
  158. color: #ffff;
  159. }
  160. .wotu-ui .x-column-header{
  161. border-color:#505050;
  162. }
  163. .x-grid-scrollbar-clipper > .x-grid-view, .x-grid-scrollbar-clipper > .x-tree-view {
  164. background-color: #333;
  165. }
  166. .x-grid-item{
  167. background-color: #333;
  168. color: #fff;
  169. }
  170. .wotu-ui .x-grid-header-ct-default .x-box-inner {
  171. border-top: 1px solid #000000;
  172. border-bottom: 1px solid #505050;
  173. }
  174. .wotu-ui .x-docked-noborder-left{
  175. border:none
  176. }
  177. .wotu-ui .x-panel-bodyWrap > .x-box-layout-ct{
  178. border:none;
  179. background: #333;
  180. }
  181. .x-tree-view{
  182. background: #333;
  183. border-top:0
  184. }
  185. .x-grid-no-row-lines{
  186. border:none
  187. }
  188. .x-toolbar{
  189. border-bottom:1px solid #000;
  190. }
  191. .wotu-ui .x-grid-locked-split .x-grid-inner-normal{
  192. border-color:#505050;
  193. }
  194. .wotu-ui .x-grid-with-col-lines .x-grid-cell{
  195. border-color:#505050;
  196. }
  197. .wotu-ui .x-grid-row .x-grid-cell-selected{
  198. background-color: #bfb79d;
  199. color: #fff;
  200. }
  201. .wotu-ui .x-grid-with-row-lines .x-grid-item{
  202. border-color: #505050;
  203. }
  204. .wotu-ui .x-grid-width-row-lines .x-grid-item-selected + .x-grid-item{
  205. border:none;
  206. background:#000;
  207. }
  208. .main-content .x-grid-item-over{
  209. background: #000;
  210. }
  211. .wotu-ui .x-grid-width-row-lines .x-grid-item.x-grid-item-over{
  212. border-color: #505050;
  213. background: #000;
  214. }
  215. .wotu-ui .x-grid-row[aria-selected="true"],
  216. .wotu-ui .x-grid-row.x-grid-record-red[aria-selected="true"],
  217. .wotu-ui .x-grid-row.x-grid-record-bg-green[aria-selected="true"],
  218. .wotu-ui .x-grid-row.x-grid-record-bg-red[aria-selected="true"],
  219. .wotu-ui .x-grid-row.x-grid-record-bg-yellow[aria-selected="true"],
  220. .wotu-ui .x-grid-row.x-grid-record-bg-purple[aria-selected="true"],
  221. .wotu-ui .x-grid-row.x-grid-record-bg-blue[aria-selected="true"]{
  222. background-color: #7f7f7f;
  223. color: #fff;
  224. }
  225. .x-keyboard-mode .x-grid-row[aria-selected="true"] .x-grid-item-focused{
  226. color: #fff;
  227. }
  228. .x-keyboard-mode .x-grid-cell-inner {
  229. border:none
  230. }
  231. .x-grid-item-alt{
  232. background: #444;
  233. }
  234. .x-tree-view.x-tree-view-default .x-grid-cell-inner{
  235. cursor: pointer;
  236. }
  237. .x-grid-scroll-body{
  238. background: #333;
  239. }
  240. .x-grid-empty{
  241. background: #333;
  242. color:#fff
  243. }
  244. .x-keyboard-mode .x-grid-item-focused{
  245. color: #fff;
  246. }
  247. .x-column-header-trigger{
  248. background-color: #000000;
  249. border-left: 1px solid #3d3d3d;
  250. }
  251. .x-column-header-open .x-column-header-trigger{
  252. background: #cdc9a5;
  253. color: #fff;
  254. }
  255. .x-grid-scrollbar-visible{
  256. background: #333;
  257. }
  258. .x-grid-cell-row-numberer {
  259. background-color: #333;
  260. }
  261. .x-grid-inner-locked{
  262. border-right-color: #505050;
  263. }
  264. .x-grid-scrollbar-clipper-locked{
  265. border-color: #505050
  266. }
  267. .x-grid-cell-inner-row-numberer.x-grid-cell-inner{
  268. color: #fff;
  269. }
  270. .x-grid-scroll-container {
  271. background-color: #222;
  272. }
  273. .x-grid-scrollbar-clipper-locked, .x-grid-scrollbar-locked{
  274. border-color: #4f5050;
  275. }
  276. /*-------------------*/
  277. .wotu-ui .x-panel-body-default{
  278. background: #333;
  279. }
  280. .x-collapse-el{
  281. background-color: #404040;
  282. color: #989898
  283. }
  284. .wotu-ui .x-tree-checkbox,.wotu-ui .x-grid-hd-checker-on .x-column-header-checkbox:after,.wotu-ui .x-grid-checkcolumn-checked:after {
  285. color: #d5ceb4;
  286. }
  287. .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 {
  288. color: #bfbfbf
  289. }
  290. .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{
  291. color: #bfbfbf
  292. }
  293. .wotu-ui .main-content .x-tree-icon-parent-expanded, .wotu-ui .main-content .x-tree-icon-leaf{
  294. color: #bfbfbf
  295. }
  296. /*按钮*/
  297. .grid-bbar .x-btn-default-toolbar-small{
  298. background: #333;
  299. border: none;
  300. }
  301. .grid-bbar.x-toolbar-default.x-docked-bottom.x-toolbar-docked-bottom{
  302. box-shadow: 0 1px 4px 0 rgba(190,190,190,.6);
  303. }
  304. .grid-bbar .x-btn-icon-el-default-toolbar-small{
  305. color: #d3d3d3;
  306. }
  307. .grid-bbar .x-toolbar-text-default{
  308. color: #fff;
  309. }
  310. .x-toolbar-default .x-toolbar-separator-horizontal{
  311. border-left-color: #5e5e5e;
  312. }
  313. .x-btn.x-btn-disabled.x-btn-default-toolbar-small{
  314. background-color: #7f7f7f;
  315. }
  316. .x-btn.x-btn-disabled .x-btn-inner-default-toolbar-small,.x-btn.x-btn-disabled .x-btn-icon-el-default-toolbar-small{
  317. color: #cbcbcb;
  318. }
  319. /*-form-*/
  320. .wotu-ui .x-form-trigger-wrap-default{
  321. border-color: #645f5f;
  322. }
  323. input::-webkit-input-placeholder { /* WebKit browsers*/
  324. color: #fff;
  325. font-size: 14px;
  326. font-weight: 400;
  327. }
  328. input:-moz-input-placeholder { /* Mozilla Firefox 4 to 18*/
  329. color: #fff;
  330. font-size: 14px;
  331. font-weight: 400;
  332. }
  333. input:-ms-input-placeholder { /* Internet Explorer 10+ 9b9b99*/
  334. color: #fff;
  335. font-weight: 400;
  336. }
  337. .x-form-text-default{
  338. color: #fff;
  339. }
  340. .x-form-trigger-default{
  341. background: #000;
  342. color: #ffffff;
  343. }
  344. .wotu-ui li.x-boundlist-selected{
  345. background: #f4c521;
  346. border-color: #f4c521;
  347. }
  348. .wotu-ui .x-boundlist-item.x-boundlist-item-over{
  349. background: #f4c521;
  350. }
  351. .wotu-ui .x-boundlist-item {
  352. background: #3e3e3e;
  353. color: #fff;
  354. }
  355. .x-form-item-label-default{
  356. color: #fff;
  357. font-weight: 400;
  358. }
  359. .x-btn-default-toolbar-small{
  360. background-color: #767676;
  361. border-color: #767676;
  362. }
  363. .x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small{
  364. color: #fff;
  365. }
  366. .x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small{
  367. color: #fff;
  368. }
  369. .x-btn-over.x-btn-default-toolbar-small{
  370. border-color: #f4c521;
  371. background-image: none;
  372. background-color: #f4c521;
  373. }
  374. .x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small{
  375. background-color: #767676;
  376. border-color: #767676;
  377. color: #fff;
  378. }
  379. .x-toolbar-default .x-box-menu-after{
  380. background: none;
  381. border: none;
  382. }
  383. .x-fieldset.x-fieldset-default{
  384. background: #333;
  385. border: 1px solid #504f4f !important;
  386. }
  387. .x-fieldset-header-default > .x-fieldset-header-text{
  388. color:#fff
  389. }
  390. .x-form-cb-label-default.x-form-cb-label-after{
  391. color: #fff;
  392. }
  393. /*searchbox*/
  394. .x-boundlist>.x-panel>.x-panel-header{
  395. background: #212121;
  396. }
  397. .x-boundlist .x-toolbar{
  398. background: #212121;
  399. }
  400. .x-boundlist .x-toolbar-default{
  401. background-color: #333;
  402. }
  403. .x-boundlist .x-grid-scroll-container{
  404. background-color: #333;
  405. }
  406. .x-boundlist > .x-panel-default{
  407. border: 1px solid #6a6868;
  408. }
  409. .x-css-shadow{
  410. box-shadow: rgb(16 16 16) 0px 0px 102px!important;
  411. }
  412. /*-window-*/
  413. .wotu-ui .x-window.x-window-default, .wotu-ui .x-window.x-window-header-default {
  414. border-color: #6a6868;
  415. }
  416. .wotu-ui .x-window .x-window-header-default-top{
  417. background: #212121;
  418. border:none;
  419. border-bottom: 1px solid #313131;
  420. }
  421. .x-window-body-default{
  422. background: #333;
  423. }
  424. .wotu-ui .x-window.x-window-default{
  425. background: #333;
  426. }
  427. .x-window .x-window-bodyWrap .x-toolbar-footer{
  428. background-color: #333;
  429. padding: 10px 0 6px 6px;
  430. border:none;
  431. border-top:1px solid #212121;
  432. border-radius: 0;
  433. }
  434. .wotu-ui .x-window.x-toolbar-footer{
  435. background-color: #333;
  436. }
  437. .x-window-bodyWrap .x-toolbar{
  438. border-color: #333;
  439. }
  440. .wotu-ui .x-window .x-panel-bodyWrap > .x-box-layout-ct{
  441. background: #333;
  442. }
  443. .wotu-ui .x-window .x-panel-body-default{
  444. background-color: #333;
  445. }
  446. .wotu-ui .x-window .x-window-header-default .x-tool-img{
  447. background: #212121;
  448. }
  449. .wotu-ui .x-window .x-btn-default-small,.wotu-ui .x-window .x-btn-inner-default-small{
  450. background-color: #b79f4b;
  451. border-color: #b79f4b;
  452. }
  453. .wotu-ui .x-window .x-btn-default-small:hover,.wotu-ui .x-window .x-btn-default-small:hover .x-btn-inner{
  454. background: #af9641;
  455. }
  456. .x-window-body>.x-panel>.x-panel-bodyWrap>.x-toolbar{
  457. position: relative;
  458. }
  459. .x-window-body>.x-panel>.x-panel-bodyWrap>.x-toolbar:after{
  460. position: absolute;
  461. content: '';
  462. width: 100%;
  463. height: 1px;
  464. left: 0;
  465. bottom:0;
  466. background: #000;
  467. }
  468. .wotu-ui .x-window .x-splitter-vertical{
  469. background: #212121;
  470. }
  471. .x-box-scroller-body-vertical{
  472. background: #333;
  473. }
  474. .x-menu-default{
  475. border-color:#6a6868;
  476. }
  477. .x-menu-item-icon-default{
  478. color: #fff;
  479. }
  480. .x-menu-item-text-default{
  481. color: #fff;
  482. }
  483. .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{
  484. background: #f4c521;
  485. }
  486. .x-menu-item-default.x-menu-item-separator{
  487. border-color: #4a4848;
  488. }
  489. .wotu-ui .x-header.x-panel-header-default{
  490. background: #333;
  491. }
  492. .wotu-ui .x-boundlist .x-header.x-panel-header-default{
  493. background: #212121;
  494. }
  495. .wotu-ui .x-message-box .x-window-body{
  496. background-color: #333;
  497. }
  498. .x-window-body-default{
  499. color: #fff;
  500. }
  501. .x-menu-body-default{
  502. background: #333;
  503. }
  504. .wotu-ui .x-tab-bar.x-tab-bar-default{
  505. background: #212121;
  506. }
  507. .x-keyboard-mode .x-tab-bar-plain .x-tab-focus.x-tab-over.x-tab-default .x-tab-inner-default{
  508. color:#f4c521
  509. }
  510. .yvan-msg{
  511. background-color: rgba(0, 0, 0, .7);
  512. font-weight: 400;
  513. }
  514. .x-tab.x-tab-active.x-tab-default{
  515. background-color: #767676;
  516. }
  517. .x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default{
  518. background-color: #767676;
  519. }
  520. /*日期*/
  521. .x-datepicker{
  522. background-color: #333;
  523. border-color: #7d7b7b;
  524. }
  525. .x-datepicker-header{
  526. background-color: #333;
  527. }
  528. .x-datepicker-header .x-datepicker-month{
  529. border-bottom: 1px solid #5f5d5d;
  530. }
  531. .x-datepicker-arrow{
  532. background: #333;
  533. color:#fff
  534. }
  535. .x-datepicker-column-header{
  536. background: #333;
  537. color: #fff;
  538. }
  539. .x-datepicker-footer, .x-monthpicker-buttons{
  540. background-color: #333;
  541. }
  542. .wotu-ui .x-datepicker .x-datepicker-selected div.x-datepicker-date {
  543. background: #f4c521;
  544. }
  545. .wotu-ui .x-datepicker .x-datepicker-footer .x-btn-default-small{
  546. background: #767676;
  547. border-color: #767676;
  548. }
  549. .wotu-ui .x-datepicker .x-datepicker-footer .x-btn-default-small:hover{
  550. background: #f4c521;
  551. border-color: #efc01a;
  552. }
  553. .x-datepicker-prevday .x-datepicker-date, .x-datepicker-nextday .x-datepicker-date{
  554. color: #666464;
  555. }
  556. .x-datepicker-date{
  557. color: #fff;
  558. }
  559. .x-datepicker-month .x-btn-inner {
  560. color: #ffffff;
  561. }
  562. div.x-datepicker-date:hover {
  563. background-color: #dcce9b;
  564. }
  565. .x-datepicker-month .x-btn-over{
  566. background: #444;
  567. }
  568. .wotu-ui .x-datepicker .x-btn.x-btn-pressed.x-btn-default-small{
  569. background: #444;
  570. }
  571. .x-datepicker .x-monthpicker{
  572. background: #333;
  573. }
  574. .x-datepicker .x-monthpicker-item-inner{
  575. color: #fff;
  576. }
  577. .x-monthpicker-item a.x-monthpicker-selected{
  578. background: #f4c521;
  579. }
  580. a.x-monthpicker-item-inner:hover{
  581. background-color: #dcce9b;
  582. }
  583. .x-monthpicker-yearnav-button{
  584. background: #444;
  585. color: #fff;
  586. }
  587. .x-monthpicker-buttons .x-btn-default-small{
  588. background: #767676;
  589. border-color: #767676;
  590. }
  591. .x-monthpicker-buttons .x-btn-default-small:hover{
  592. background: #f4c521;
  593. border-color: #efc01a;
  594. }
  595. .x-monthpicker-months{
  596. border-color:#7d7b7b
  597. }
  598. .x-boundlist{
  599. border-color:#7d7b7b
  600. }