123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- [data-theme='dark'] {
- body {
- background-color: #000;
- color: @text-color-base;
- }
- .ant-btn {
- &[disabled],
- &[disabled]:hover,
- &[disabled]:focus,
- &[disabled]:active {
- border-color: #303030;
- background: rgb(255 255 255 / 8%);
- color: rgb(255 255 255 / 30%);
- }
- &-success.ant-btn-link.ant-btn-loading,
- &-warning.ant-btn-link.ant-btn-loading,
- &-error.ant-btn-link.ant-btn-loading,
- &-background-ghost.ant-btn-link.ant-btn-loading,
- &.ant-btn-link.ant-btn-loading {
- &::before {
- background: transparent;
- }
- }
- &:not(
- .ant-btn-link,
- .is-disabled,
- .ant-btn-primary,
- .ant-btn-success,
- .ant-btn-warning,
- .ant-btn-error,
- .ant-btn-dangerous
- ) {
- background: transparent;
- color: @text-color-base;
- &:hover {
- color: @button-primary-hover-color;
- }
- }
- &-dangerous.ant-btn-primary {
- &:focus {
- background: @error-color !important;
- }
- }
- &-default.ant-btn-dangerous {
- border-color: @error-color;
- background: transparent !important;
- color: @error-color;
- &:hover,
- &:focus {
- border-color: @button-error-hover-color !important;
- color: @button-error-hover-color !important;
- }
- }
- &-default:not(.ant-btn-background-ghost) {
- border-color: #303030;
- &:hover,
- &:focus {
- border-color: @button-cancel-hover-color;
- color: @button-cancel-hover-color;
- }
- }
- &-default.is-disabled {
- &:hover,
- &:focus {
- border-color: #303030;
- color: rgb(255 255 255 / 30%);
- }
- }
- &-success:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost) {
- &:hover,
- &:focus,
- &:active {
- border-color: @button-success-active-color !important;
- background-color: @button-success-active-color !important;
- color: @white !important;
- }
- }
- &-warning:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost) {
- &:hover,
- &:focus,
- &:active {
- border-color: @button-warn-active-color !important;
- background-color: @button-warn-active-color !important;
- color: @white !important;
- }
- }
- &-error:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost) {
- &:hover,
- &:focus,
- &:active {
- border-color: @button-error-active-color !important;
- background-color: @button-error-active-color !important;
- color: @white !important;
- }
- }
- }
- }
|