dark.css 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. :root.dark {
  2. color-scheme: dark;
  3. --table-header-bg-color: var(--el-bg-color);
  4. --el-bg-color-page: #0a0a0a;
  5. --el-bg-color: #1d2124;
  6. --el-bg-color-overlay: #1d1e1f;
  7. --el-text-color-primary: #e5eaf3;
  8. --el-text-color-regular: #cfd3dc;
  9. --el-text-color-secondary: #a3a6ad;
  10. --el-text-color-placeholder: #8d9095;
  11. --el-text-color-disabled: #6c6e72;
  12. --el-border-color-darker: #636466;
  13. --el-border-color-dark: #58585b;
  14. --el-border-color: #4c4d4f;
  15. --el-border-color-light: #414243;
  16. --el-border-color-lighter: #363637;
  17. --el-border-color-extra-light: #2b2b2c;
  18. --el-fill-color-darker: #424243;
  19. --el-fill-color-dark: #39393a;
  20. --el-fill-color: #303030;
  21. --el-fill-color-light: #262727;
  22. --el-fill-color-lighter: #1d1d1d;
  23. --el-fill-color-extra-light: #191919;
  24. --el-fill-color-blank: var(--el-bg-color);
  25. --el-mask-color: rgba(0, 0, 0, 0.8);
  26. --el-mask-color-extra-light: rgba(0, 0, 0, 0.3);
  27. --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);
  28. --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.72);
  29. --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.72);
  30. --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.72), 0px 12px 32px #000000,
  31. 0px 8px 16px -8px #000000 !important;
  32. /* wangeditor主题 */
  33. --w-e-textarea-bg-color: var(--el-bg-color);
  34. --w-e-textarea-color: var(--el-text-color-primary);
  35. --w-e-textarea-border-color: var(--el-border-color);
  36. --w-e-textarea-slight-border-color: var(--el-border-color-light);
  37. --w-e-textarea-slight-color: var(--el-border-color);
  38. --w-e-textarea-slight-bg-color: var(--el-bg-color-page);
  39. /* --w-e-textarea-selected-border-color: #b4d5ff;
  40. --w-e-textarea-handler-bg-color: #4290f7; */
  41. --w-e-toolbar-color: var(--el-text-color-primary);
  42. --w-e-toolbar-bg-color: var(--el-bg-color);
  43. --w-e-toolbar-active-color: var(--el-text-color-primary);
  44. --w-e-toolbar-active-bg-color: var(--el-bg-color);
  45. --w-e-toolbar-disabled-color: var(--el-text-color-disabled);
  46. --w-e-toolbar-border-color: var(--el-border-color);
  47. --w-e-modal-button-bg-color: var(--el-bg-color);
  48. --w-e-modal-button-border-color: var(--el-border-color);
  49. }