diff --git a/components/anchor/style/index.less b/components/anchor/style/index.less index 841ad5b2b3..3bd44904ac 100644 --- a/components/anchor/style/index.less +++ b/components/anchor/style/index.less @@ -4,7 +4,7 @@ &-anchor { position: relative; &-wrapper { - background-color: white; + background-color: @body-background; } &-ink { @@ -28,7 +28,7 @@ height: 9px; border-radius: 9px; border: 3px solid @primary-color; - background-color: white; + background-color: @body-background; left: 50%; transition: top .3s ease-in-out; transform: translateX(-50%); diff --git a/components/card/style/index.less b/components/card/style/index.less index d4ce2d0fde..f8be8e737e 100644 --- a/components/card/style/index.less +++ b/components/card/style/index.less @@ -3,7 +3,7 @@ @card-prefix-cls: ~"@{ant-prefix}-card"; .@{card-prefix-cls} { - background: #fff; + background: @body-background; border-radius: @border-radius-sm; font-size: @font-size-base; position: relative; diff --git a/components/collapse/style/index.less b/components/collapse/style/index.less index b3b9914e67..ab855f325c 100644 --- a/components/collapse/style/index.less +++ b/components/collapse/style/index.less @@ -59,7 +59,7 @@ overflow: hidden; color: @text-color; padding: 0 16px; - background-color: #fff; + background-color: @body-background; & > &-box { padding-top: 16px; @@ -84,7 +84,7 @@ } &-borderless { - background-color: #fff; + background-color: @body-background; border: 0; } diff --git a/components/date-picker/style/Calendar.less b/components/date-picker/style/Calendar.less index 1dd1a71937..578c99c64e 100644 --- a/components/date-picker/style/Calendar.less +++ b/components/date-picker/style/Calendar.less @@ -90,7 +90,7 @@ list-style: none; font-size: @font-size-base; text-align: left; - background-color: #fff; + background-color: @body-background; border-radius: @border-radius-base; box-shadow: @box-shadow-base; background-clip: padding-box; diff --git a/components/date-picker/style/DecadePanel.less b/components/date-picker/style/DecadePanel.less index c4cc0ca766..f0b3ed94ff 100644 --- a/components/date-picker/style/DecadePanel.less +++ b/components/date-picker/style/DecadePanel.less @@ -3,7 +3,7 @@ top: 0; bottom: 0; right: 0; - background: #fff; + background: @body-background; z-index: 10; position: absolute; outline: none; diff --git a/components/date-picker/style/MonthPanel.less b/components/date-picker/style/MonthPanel.less index bd6b39dfcf..fdd9764530 100644 --- a/components/date-picker/style/MonthPanel.less +++ b/components/date-picker/style/MonthPanel.less @@ -3,7 +3,7 @@ top: 1px; bottom: 0; right: 0; - background: #fff; + background: @body-background; z-index: 10; position: absolute; outline: none; diff --git a/components/date-picker/style/TimePicker.less b/components/date-picker/style/TimePicker.less index 649b115072..9c39d546f6 100644 --- a/components/date-picker/style/TimePicker.less +++ b/components/date-picker/style/TimePicker.less @@ -2,7 +2,7 @@ position: absolute; width: 100%; top: 34px; - background-color: #fff; + background-color: @body-background; height: 206px; &-panel { @@ -18,7 +18,7 @@ list-style: none; font-size: @font-size-base; text-align: left; - background-color: #fff; + background-color: @body-background; background-clip: padding-box; line-height: 1.5; overflow: hidden; diff --git a/components/date-picker/style/YearPanel.less b/components/date-picker/style/YearPanel.less index 13c56538dd..10d1694388 100644 --- a/components/date-picker/style/YearPanel.less +++ b/components/date-picker/style/YearPanel.less @@ -3,7 +3,7 @@ top: 1px; bottom: 0; right: 0; - background: #fff; + background: @body-background; z-index: 10; position: absolute; outline: none; diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less index 89d5c5903a..4290f088ea 100644 --- a/components/dropdown/style/index.less +++ b/components/dropdown/style/index.less @@ -43,7 +43,7 @@ padding: 0; margin: 0; text-align: left; - background-color: #fff; + background-color: @body-background; border-radius: @border-radius-base; box-shadow: @box-shadow-base; background-clip: padding-box; @@ -78,7 +78,7 @@ &:hover { color: #ccc; - background-color: #fff; + background-color: @body-background; cursor: not-allowed; } } diff --git a/components/input-number/style/index.less b/components/input-number/style/index.less index 643a8b1e4d..6ab0a9380d 100644 --- a/components/input-number/style/index.less +++ b/components/input-number/style/index.less @@ -136,7 +136,7 @@ border-left: 1px solid @border-color-base; width: 22px; height: 100%; - background: #fff; + background: @body-background; position: absolute; top: 0; right: 0; diff --git a/components/mention/style/index.less b/components/mention/style/index.less index 7c74bc8326..2533410bb5 100644 --- a/components/mention/style/index.less +++ b/components/mention/style/index.less @@ -41,7 +41,7 @@ margin-top: 1.5em; max-height: 250px; min-width: 120px; - background-color: white; + background-color: @body-background; box-shadow: @box-shadow-base; border-radius: @border-radius-base; box-sizing: border-box; @@ -87,7 +87,7 @@ &:hover { color: #ccc; - background-color: #fff; + background-color: @body-background; cursor: not-allowed; } } diff --git a/components/menu/style/index.less b/components/menu/style/index.less index 0b9ece82ce..a47261bab2 100644 --- a/components/menu/style/index.less +++ b/components/menu/style/index.less @@ -12,7 +12,7 @@ z-index: @zindex-dropdown; box-shadow: @box-shadow-base; color: @text-color; - background: #fff; + background: @body-background; line-height: 46px; &-hidden { @@ -190,7 +190,7 @@ position: relative; > .@{menu-prefix-cls} { - background-color: #fff; + background-color: @body-background; border-radius: 4px; } diff --git a/components/message/style/index.less b/components/message/style/index.less index fe7be3809a..924c3560a0 100644 --- a/components/message/style/index.less +++ b/components/message/style/index.less @@ -23,7 +23,7 @@ padding: 8px 16px; border-radius: @border-radius-base; box-shadow: @shadow-2; - background: #fff; + background: @body-background; display: block; } diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less index 452bcb98b8..619f0d1d3e 100644 --- a/components/modal/style/modal.less +++ b/components/modal/style/modal.less @@ -28,7 +28,7 @@ &-content { position: relative; - background-color: #fff; + background-color: @body-background; border: 0; border-radius: @border-radius-base; background-clip: padding-box; @@ -79,7 +79,7 @@ &-header { padding: 14px 16px; border-radius: @border-radius-base @border-radius-base 0 0; - background: #fff; + background: @body-background; color: @text-color; border-bottom: 1px solid @border-color-split; } diff --git a/components/notification/style/index.less b/components/notification/style/index.less index f8fcb09a0b..8d705f4e0a 100644 --- a/components/notification/style/index.less +++ b/components/notification/style/index.less @@ -16,7 +16,7 @@ padding: @notification-padding; border-radius: @border-radius-base; box-shadow: @shadow-2; - background: #fff; + background: @body-background; line-height: 1.5; position: relative; margin-bottom: @notification-margin-bottom; diff --git a/components/pagination/style/index.less b/components/pagination/style/index.less index 0c9b7015d9..8b3fda39d6 100644 --- a/components/pagination/style/index.less +++ b/components/pagination/style/index.less @@ -34,7 +34,7 @@ list-style: none; float: left; border: 1px solid @border-color-base; - background-color: #fff; + background-color: @body-background; margin-right: 8px; font-family: Arial; @@ -127,7 +127,7 @@ &-prev, &-next { border: 1px solid @border-color-base; - background-color: #fff; + background-color: @body-background; a { color: @text-color; @@ -226,7 +226,7 @@ input { margin: 0 8px; box-sizing: border-box; - background-color: #fff; + background-color: @body-background; border-radius: @border-radius-base; border: 1px solid @border-color-base; outline: none; diff --git a/components/progress/style/index.less b/components/progress/style/index.less index 29cc84c70a..ef190c7482 100644 --- a/components/progress/style/index.less +++ b/components/progress/style/index.less @@ -62,7 +62,7 @@ left: 0; right: 0; bottom: 0; - background: #fff; + background: @body-background; border-radius: 10px; animation: ~"@{ant-prefix}-progress-active" 2s @ease-out-quint infinite; } diff --git a/components/radio/style/index.less b/components/radio/style/index.less index 09d1824d8b..e26edadbda 100644 --- a/components/radio/style/index.less +++ b/components/radio/style/index.less @@ -65,7 +65,7 @@ border-style: solid; border-radius: 14px; border-color: @border-color-base; - background-color: #fff; + background-color: @body-background; transition: all @radio-duration; } @@ -123,7 +123,7 @@ span.@{radio-prefix-cls} + * { cursor: pointer; border: 1px solid @border-color-base; border-left: 0; - background: #fff; + background: @body-background; padding: 0 16px; a { @@ -182,7 +182,7 @@ span.@{radio-prefix-cls} + * { } &-checked { - background: #fff; + background: @body-background; border-color: @primary-color; color: @primary-color; box-shadow: -1px 0 0 0 @primary-color; diff --git a/components/select/style/index.less b/components/select/style/index.less index c885084dab..8e497828eb 100644 --- a/components/select/style/index.less +++ b/components/select/style/index.less @@ -15,7 +15,7 @@ position: absolute; right: 8px; z-index: 1; - background: #fff; + background: @body-background; top: 50%; font-size: @font-size-base; color: #ccc; @@ -43,7 +43,7 @@ > ul > li > a { padding: 0; - background-color: #fff; + background-color: @body-background; } // arrow @@ -73,7 +73,7 @@ box-sizing: border-box; display: block; - background-color: #fff; + background-color: @body-background; border-radius: @border-radius-base; border: 1px solid @border-color-base; transition: all .3s @ease-in-out; @@ -459,7 +459,7 @@ &:hover { color: #ccc; - background-color: #fff; + background-color: @body-background; cursor: not-allowed; } } diff --git a/components/slider/style/index.less b/components/slider/style/index.less index ecef656d56..f89b348a87 100644 --- a/components/slider/style/index.less +++ b/components/slider/style/index.less @@ -56,7 +56,7 @@ cursor: pointer; border-radius: 50%; border: solid 2px tint(@primary-color, 50%); - background-color: #fff; + background-color: @body-background; z-index: 2; transition: border-color 0.3s ease, transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28); @@ -108,7 +108,7 @@ width: 8px; height: 8px; border: 2px solid #e9e9e9; - background-color: #fff; + background-color: @body-background; cursor: pointer; border-radius: 50%; vertical-align: middle; @@ -133,7 +133,7 @@ .@{slider-prefix-cls}-handle, .@{slider-prefix-cls}-dot { border-color: @slider-disabled-color!important; - background-color: #fff; + background-color: @body-background; cursor: not-allowed; } diff --git a/components/spin/style/index.less b/components/spin/style/index.less index 81d25a7a12..c01ee8f02e 100644 --- a/components/spin/style/index.less +++ b/components/spin/style/index.less @@ -168,7 +168,7 @@ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */ .@{spin-prefix-cls}-blur { - background: #fff; + background: @body-background; opacity: 0.5; } } diff --git a/components/steps/style/index.less b/components/steps/style/index.less index 099343d221..d2bf201b4d 100644 --- a/components/steps/style/index.less +++ b/components/steps/style/index.less @@ -31,7 +31,7 @@ &.@{steps-prefix-cls}-status-wait { .@{steps-prefix-cls}-head-inner { border-color: @wait-icon-color; - background-color: #fff; + background-color: @body-background; > .@{steps-prefix-cls}-icon { color: @wait-icon-color; } @@ -51,7 +51,7 @@ border-color: @process-icon-color; background-color: @process-icon-color; > .@{steps-prefix-cls}-icon { - color: #fff; + color: @body-background; } } .@{steps-prefix-cls}-title { @@ -67,7 +67,7 @@ &.@{steps-prefix-cls}-status-finish { .@{steps-prefix-cls}-head-inner { border-color: @finish-icon-color; - background-color: #fff; + background-color: @body-background; > .@{steps-prefix-cls}-icon { color: @finish-icon-color; } @@ -89,7 +89,7 @@ &.@{steps-prefix-cls}-status-error { .@{steps-prefix-cls}-head-inner { border-color: @error-icon-color; - background-color: #fff; + background-color: @body-background; > .@{steps-prefix-cls}-icon { color: @error-icon-color; } @@ -140,7 +140,7 @@ vertical-align: top; } .@{steps-prefix-cls}-head { - background: #fff; + background: @body-background; } .@{steps-prefix-cls}-head-inner { @@ -176,7 +176,7 @@ margin-bottom: 4px; color: @text-color; font-weight: bold; - background: #fff; + background: @body-background; display: inline-block; padding-right: 10px; > a:first-child:last-child { diff --git a/components/switch/style/index.less b/components/switch/style/index.less index 8d8faa6dd6..49c8c127f0 100644 --- a/components/switch/style/index.less +++ b/components/switch/style/index.less @@ -35,7 +35,7 @@ top: 1px; border-radius: 18px; - background-color: #fff; + background-color: @body-background; content: " "; cursor: pointer; transition: all @switch-duration, width @switch-duration; diff --git a/components/table/style/index.less b/components/table/style/index.less index c0eedddf05..45f698283e 100644 --- a/components/table/style/index.less +++ b/components/table/style/index.less @@ -140,7 +140,7 @@ &-loading { position: relative; .@{table-prefix-cls}-body { - background: #fff; + background: @body-background; opacity: 0.5; } .@{table-prefix-cls}-spin-holder { @@ -182,7 +182,7 @@ } .@{table-prefix-cls}-thead > tr > th { - background: #fff; + background: @body-background; border-bottom: 1px solid @border-color-split; } @@ -202,7 +202,7 @@ } .@{table-prefix-cls}-header { - background: #fff; + background: @body-background; table { border-bottom: 1px solid @border-color-split; } @@ -320,7 +320,7 @@ &-placeholder { padding: 16px 8px; - background: #fff; + background: @body-background; border-bottom: 1px solid @border-color-split;; text-align: center; position: relative; @@ -340,7 +340,7 @@ &-filter-dropdown { min-width: 96px; margin-left: -8px; - background: #fff; + background: @body-background; border-radius: @border-radius-base; box-shadow: @box-shadow-base; @@ -413,7 +413,7 @@ line-height: 14px; border: 1px solid @border-color-split; user-select: none; - background: #fff; + background: @body-background; &-cell { width: 18px; } @@ -464,7 +464,7 @@ &-fixed-header &-body { position: relative; - background: #fff; + background: @body-background; } &-fixed-header &-body-inner { @@ -493,7 +493,7 @@ border-radius: 0; table { width: auto; - background: #fff; + background: @body-background; } } diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less index f35c556bf3..cdd5dabd04 100644 --- a/components/tabs/style/index.less +++ b/components/tabs/style/index.less @@ -325,7 +325,7 @@ transition: all 0.3s @ease-in-out; } &&-card > &-bar &-tab-active { - background: #fff; + background: @body-background; transform: translateZ(0); border-color: @border-color-base; color: @primary-color; diff --git a/components/time-picker/style/index.less b/components/time-picker/style/index.less index 6802f65fb9..7620ca8b40 100644 --- a/components/time-picker/style/index.less +++ b/components/time-picker/style/index.less @@ -16,7 +16,7 @@ list-style: none; font-size: @font-size-base; text-align: left; - background-color: #fff; + background-color: @body-background; border-radius: @border-radius-base; box-shadow: @box-shadow-base; background-clip: padding-box; diff --git a/components/timeline/style/index.less b/components/timeline/style/index.less index a07bbb27d2..708c32a45d 100644 --- a/components/timeline/style/index.less +++ b/components/timeline/style/index.less @@ -31,7 +31,7 @@ position: absolute; width: 12px; height: 12px; - background-color: #fff; + background-color: @body-background; border-radius: 100px; border: 2px solid transparent; &-blue { diff --git a/components/transfer/style/index.less b/components/transfer/style/index.less index bd32d15c79..c2567e0107 100644 --- a/components/transfer/style/index.less +++ b/components/transfer/style/index.less @@ -49,7 +49,7 @@ &-header { padding: 7px 15px; border-radius: @border-radius-base @border-radius-base 0 0; - background: #fff; + background: @body-background; color: @text-color; border-bottom: 1px solid @border-color-split; overflow: hidden;