From b46cb4b7401927a781738d07505ce167494ad5d4 Mon Sep 17 00:00:00 2001 From: Graeme Yeates Date: Sat, 11 Nov 2017 01:15:16 -0500 Subject: [PATCH] Add a variable to control processing colors (#8166) --- components/badge/style/index.less | 4 ++-- components/steps/style/index.less | 2 +- components/style/themes/default.less | 3 ++- 3 files changed, 5 insertions(+), 4 deletions(-) diff --git a/components/badge/style/index.less b/components/badge/style/index.less index 67a1974caf..ce4e4f8fa4 100644 --- a/components/badge/style/index.less +++ b/components/badge/style/index.less @@ -67,7 +67,7 @@ background-color: @success-color; } &-processing { - background-color: @primary-color; + background-color: @processing-color; position: relative; &:after { position: absolute; @@ -76,7 +76,7 @@ width: 100%; height: 100%; border-radius: 50%; - border: 1px solid @primary-color; + border: 1px solid @processing-color; content: ''; animation: antStatusProcessing 1.2s infinite ease-in-out; } diff --git a/components/steps/style/index.less b/components/steps/style/index.less index 13891fdfb6..2fd37dae2a 100644 --- a/components/steps/style/index.less +++ b/components/steps/style/index.less @@ -2,7 +2,7 @@ @import "../../style/mixins/index"; @steps-prefix-cls: ~"@{ant-prefix}-steps"; -@process-icon-color: @primary-color; +@process-icon-color: @processing-color; @process-title-color: @heading-color; @process-description-color: @text-color; @process-tail-color: @border-color-split; diff --git a/components/style/themes/default.less b/components/style/themes/default.less index c89ab83fde..b33fc28389 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -8,6 +8,7 @@ @primary-color : @blue-6; @info-color : @blue-6; @success-color : @green-6; +@processing-color : @primary-color; @error-color : @red-6; @highlight-color : @red-6; @warning-color : @gold-6; @@ -298,7 +299,7 @@ // Progress // -- -@progress-default-color: @primary-color; +@progress-default-color: @processing-color; @progress-remaining-color: @background-color-base; // Menu