theme.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .bg-white {
  2. background-color: @component-background !important;
  3. }
  4. html[data-theme='light'] {
  5. .text-secondary {
  6. color: rgb(0 0 0 / 45%);
  7. }
  8. .ant-alert-success {
  9. background-color: #f6ffed;
  10. border: 1px solid #b7eb8f;
  11. }
  12. .ant-alert-error {
  13. background-color: #fff2f0;
  14. border: 1px solid #ffccc7;
  15. }
  16. .ant-alert-warning {
  17. background-color: #fffbe6;
  18. border: 1px solid #ffe58f;
  19. }
  20. // :not(:root):fullscreen::backdrop {
  21. // background-color: @layout-body-background !important;
  22. // }
  23. }
  24. html[data-theme='dark'] {
  25. .text-secondary {
  26. color: #8b949e;
  27. }
  28. .ant-card-grid-hoverable:hover {
  29. box-shadow:
  30. 0 3px 6px -4px rgb(0 0 0 / 48%),
  31. 0 6px 16px 0 rgb(0 0 0 / 32%),
  32. 0 9px 28px 8px rgb(0 0 0 / 20%);
  33. }
  34. .ant-card-grid {
  35. box-shadow:
  36. 1px 0 0 0 #434343,
  37. 0 1px 0 0 #434343,
  38. 1px 1px 0 0 #434343,
  39. 1px 0 0 0 #434343 inset,
  40. 0 1px 0 0 #434343 inset;
  41. }
  42. .ant-calendar-selected-day .ant-calendar-date {
  43. color: rgb(0 0 0 / 80%);
  44. }
  45. .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  46. color: rgb(0 0 0 / 90%);
  47. }
  48. .table {
  49. border: 1px solid #333;
  50. th,
  51. td {
  52. border: 1px solid #333;
  53. }
  54. th {
  55. background-color: #222;
  56. }
  57. tr:hover {
  58. background-color: #222;
  59. .table {
  60. background-color: #111;
  61. }
  62. }
  63. }
  64. .ant-picker-input {
  65. & > input,
  66. & > input:hover,
  67. & > input:focus,
  68. & > input-focused {
  69. border-color: transparent;
  70. box-shadow: none;
  71. }
  72. }
  73. }