From 20a76f9f18153db69e56b977d542a673a782ef40 Mon Sep 17 00:00:00 2001 From: Carlos Mercado Date: Thu, 24 Aug 2023 12:28:53 -0500 Subject: [PATCH 1/2] Updated primary color button disabled --- src/Button/style/Button.module.scss | 4 ++-- src/style/themes/common.scss | 2 ++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/Button/style/Button.module.scss b/src/Button/style/Button.module.scss index 8ab33e9..f6ab077 100644 --- a/src/Button/style/Button.module.scss +++ b/src/Button/style/Button.module.scss @@ -57,8 +57,8 @@ } &:is([disabled]) { - background-color: var(--color-primary-disabled); - color: var(--color-text-on-primary-disabled); + background-color: var(--color-primary-button-disabled); + color: var(--color-text-on-primary-button-disabled); } } diff --git a/src/style/themes/common.scss b/src/style/themes/common.scss index e73018e..a34f908 100644 --- a/src/style/themes/common.scss +++ b/src/style/themes/common.scss @@ -5,6 +5,7 @@ --color-primary-hover: #{$primary-700}; --color-primary-focus: #{$primary-600}; --color-primary-disabled: #{$primary-200}; + --color-primary-button-disabled: #{$gray-500}; --color-secondary: #{$gray-800}; --color-secondary-hover: #{$gray-600}; @@ -15,6 +16,7 @@ --color-text-on-primary: #{$base-white}; --color-text-on-primary-disabled: #{$gray-500}; + --color-text-on-primary-button-disabled: #{$base-white}; --color-text-on-secondary: #{$gray-100}; --color-text-on-secondary-disabled: #{$gray-600}; From b9eab97e7d0ecb26edfd4c536e77fe5686fba19f Mon Sep 17 00:00:00 2001 From: Carlos Mercado Date: Thu, 24 Aug 2023 14:27:03 -0500 Subject: [PATCH 2/2] Changed color for dark button disabled in primary variant --- src/style/themes/common.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/style/themes/common.scss b/src/style/themes/common.scss index a34f908..a26cd14 100644 --- a/src/style/themes/common.scss +++ b/src/style/themes/common.scss @@ -5,7 +5,7 @@ --color-primary-hover: #{$primary-700}; --color-primary-focus: #{$primary-600}; --color-primary-disabled: #{$primary-200}; - --color-primary-button-disabled: #{$gray-500}; + --color-primary-button-disabled: #3f3b55; --color-secondary: #{$gray-800}; --color-secondary-hover: #{$gray-600};