dark.less 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. [data-theme='dark'] {
  2. body {
  3. background-color: #000;
  4. color: @text-color-base;
  5. }
  6. .ant-btn {
  7. &[disabled],
  8. &[disabled]:hover,
  9. &[disabled]:focus,
  10. &[disabled]:active {
  11. border-color: #303030;
  12. background: rgb(255 255 255 / 8%);
  13. color: rgb(255 255 255 / 30%);
  14. }
  15. &-success.ant-btn-link.ant-btn-loading,
  16. &-warning.ant-btn-link.ant-btn-loading,
  17. &-error.ant-btn-link.ant-btn-loading,
  18. &-background-ghost.ant-btn-link.ant-btn-loading,
  19. &.ant-btn-link.ant-btn-loading {
  20. &::before {
  21. background: transparent;
  22. }
  23. }
  24. &:not(
  25. .ant-btn-link,
  26. .is-disabled,
  27. .ant-btn-primary,
  28. .ant-btn-success,
  29. .ant-btn-warning,
  30. .ant-btn-error,
  31. .ant-btn-dangerous
  32. ) {
  33. background: transparent;
  34. color: @text-color-base;
  35. &:hover {
  36. color: @button-primary-hover-color;
  37. }
  38. }
  39. &-dangerous.ant-btn-primary {
  40. &:focus {
  41. background: @error-color !important;
  42. }
  43. }
  44. &-default.ant-btn-dangerous {
  45. border-color: @error-color;
  46. background: transparent !important;
  47. color: @error-color;
  48. &:hover,
  49. &:focus {
  50. border-color: @button-error-hover-color !important;
  51. color: @button-error-hover-color !important;
  52. }
  53. }
  54. &-default:not(.ant-btn-background-ghost) {
  55. border-color: #303030;
  56. &:hover,
  57. &:focus {
  58. border-color: @button-cancel-hover-color;
  59. color: @button-cancel-hover-color;
  60. }
  61. }
  62. &-default.is-disabled {
  63. &:hover,
  64. &:focus {
  65. border-color: #303030;
  66. color: rgb(255 255 255 / 30%);
  67. }
  68. }
  69. &-success:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost) {
  70. &:hover,
  71. &:focus,
  72. &:active {
  73. border-color: @button-success-active-color !important;
  74. background-color: @button-success-active-color !important;
  75. color: @white !important;
  76. }
  77. }
  78. &-warning:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost) {
  79. &:hover,
  80. &:focus,
  81. &:active {
  82. border-color: @button-warn-active-color !important;
  83. background-color: @button-warn-active-color !important;
  84. color: @white !important;
  85. }
  86. }
  87. &-error:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost) {
  88. &:hover,
  89. &:focus,
  90. &:active {
  91. border-color: @button-error-active-color !important;
  92. background-color: @button-error-active-color !important;
  93. color: @white !important;
  94. }
  95. }
  96. }
  97. }