warehouse-dashboard.scss 2.7 KB

1234567891011121314151617181920212223242526
  1. /* 仅看板及携带 dashboard=1 的下钻页面生效,包含挂载到 body 的弹层。 */
  2. body.wms-dashboard-theme {
  3. .el-card,.el-dialog,.el-message-box,.el-select-dropdown,.el-picker-panel,.el-cascader-panel,.el-popover,.el-dropdown-menu,.el-autocomplete-suggestion { background: #0A1A30; color: #EAF4FF; border-color: rgba(70,160,230,.28); }
  4. .el-card__header,.el-dialog__header,.el-message-box__header { border-color: rgba(70,160,230,.28); }
  5. .el-dialog__title,.el-message-box__title,.el-dialog__body,.el-message-box__content,.el-form-item__label,.el-checkbox__label,.el-radio__label { color: #EAF4FF; }
  6. .el-input__inner,.el-textarea__inner,.el-range-input { background: #071528; color: #EAF4FF; border-color: rgba(70,160,230,.35); }
  7. .el-input.is-disabled .el-input__inner,.el-textarea.is-disabled .el-textarea__inner { background: #10243A; color: #9FB8D4; }
  8. .el-select-dropdown__item,.el-dropdown-menu__item,.el-cascader-node,.el-date-table td { color: #9FB8D4; }
  9. .el-select-dropdown__item.hover,.el-select-dropdown__item:hover,.el-dropdown-menu__item:hover,.el-cascader-node:hover,.el-date-table td.available:hover { background: #173655; color: #38C8F5; }
  10. .el-table,.el-table__expanded-cell,.el-table tr { background: #0A1A30; color: #EAF4FF; }
  11. .el-table th.el-table__cell,.el-table th { background: #102A48; color: #6FA6D8; }
  12. .el-table td,.el-table th.is-leaf,.el-table--border,.el-table--group { border-color: rgba(70,160,230,.28); }
  13. .el-table--enable-row-hover .el-table__body tr:hover > td,.el-table__body tr.current-row > td { background: #173655; }
  14. .el-table::before,.el-table--border::after { background: rgba(70,160,230,.28); }
  15. .el-tabs--border-card,.el-tabs--border-card > .el-tabs__header,.el-tabs__nav-wrap::after { background: #0A1A30; border-color: rgba(70,160,230,.28); }
  16. .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { background: #173655; color: #38C8F5; border-color: rgba(70,160,230,.28); }
  17. .el-tabs__item,.el-pagination,.el-pagination__total,.el-pagination__jump,.el-upload-list__item-name { color: #9FB8D4; }
  18. .el-pagination button,.el-pager li { background: #102A48; color: #9FB8D4; }
  19. .el-pager li.active { color: #38C8F5; }
  20. .el-button--default { background: #102A48; color: #EAF4FF; border-color: rgba(70,160,230,.35); }
  21. .el-button--primary { background: #2E8BE8; border-color: #38C8F5; }
  22. .el-input-number__increase,.el-input-number__decrease { background: #102A48; color: #9FB8D4; border-color: rgba(70,160,230,.28); }
  23. .el-loading-mask { background: rgba(6,15,31,.75); }
  24. .dashboard-note { color: #9FB8D4; line-height: 1.8; margin: 0 0 14px; }
  25. .dashboard-success { color: #3BD48A; } .dashboard-error { color: #F25E5E; }
  26. }