dark.scss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @use './base.scss';
  2. [data-vxe-ui-theme="dark"] {
  3. color-scheme: dark;
  4. /*font color*/
  5. --vxe-ui-font-color: #a0a3a7;
  6. --vxe-ui-font-tinge-color: #33353b;
  7. --vxe-ui-font-lighten-color: #797b80;
  8. --vxe-ui-font-darken-color: #47494c;
  9. --vxe-ui-font-disabled-color: #464646;
  10. /*font status color*/
  11. --vxe-ui-font-primary-color: #409eff;
  12. /*base*/
  13. --vxe-ui-base-popup-border-color: #424242;
  14. --vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgba(0, 0, 0, 0.5);
  15. /*layout*/
  16. --vxe-ui-layout-background-color: #121212;
  17. /*input*/
  18. --vxe-ui-input-border-color: #424242;
  19. --vxe-ui-input-placeholder-color: #8D9095;
  20. --vxe-ui-input-disabled-background-color: #262727;
  21. /*loading*/
  22. --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.1);
  23. /*table*/
  24. --vxe-ui-table-header-background-color: #28282a;
  25. --vxe-ui-table-column-to-row-background-color: #28282a;
  26. --vxe-ui-table-column-hover-background-color: #242f3b;
  27. --vxe-ui-table-column-current-background-color: #18222c;
  28. --vxe-ui-table-column-hover-current-background-color: #242f3b;
  29. --vxe-ui-table-border-color: #37373a;
  30. --vxe-ui-table-row-hover-background-color: #262727;
  31. --vxe-ui-table-row-striped-background-color: #1D1D1D;
  32. --vxe-ui-table-row-hover-striped-background-color: #262727;
  33. --vxe-ui-table-row-radio-checked-background-color: #604820;
  34. --vxe-ui-table-row-hover-radio-checked-background-color: #6e5326;
  35. --vxe-ui-table-row-checkbox-checked-background-color: #604820;
  36. --vxe-ui-table-row-hover-checkbox-checked-background-color: #6e5326;
  37. --vxe-ui-table-row-current-background-color: #18222c;
  38. --vxe-ui-table-row-hover-current-background-color: #242f3b;
  39. --vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, 0.8);
  40. --vxe-ui-table-drag-over-background-color:rgba(48, 48, 0, 0.3);
  41. }