From 9808d2cf0e81570e3190a5f032492c51ce6653d5 Mon Sep 17 00:00:00 2001 From: Yahya Hafez Date: Thu, 20 Jul 2023 22:23:25 +0300 Subject: [PATCH] chore: address pr review --- packages/styles/forms.css | 12 +++--------- 1 file changed, 3 insertions(+), 9 deletions(-) diff --git a/packages/styles/forms.css b/packages/styles/forms.css index f51063437..d37d5e250 100644 --- a/packages/styles/forms.css +++ b/packages/styles/forms.css @@ -16,7 +16,7 @@ --field-label-text-color: var(--gray-90); --field-label-description-text-color: var(--gray-60); --input-min-width: 250px; - --focus-glow: rgba(181, 26, 209, 1); + --field-focus-ring-color: var(--focus-light); } .cauldron--theme-dark { @@ -32,7 +32,7 @@ --field-required-text-color: var(--white); --field-label-text-color: var(--white); --field-label-description-text-color: rgba(255, 255, 255, 0.8); - --focus-glow: rgba(235, 148, 255, 1); + --field-focus-ring-color: var(--focus-dark); } input, @@ -334,7 +334,7 @@ textarea.Field--has-error:focus:hover, .Checkbox__overlay.Checkbox__overlay--focused, .Radio__overlay.Radio__overlay--focused { border-radius: 5px; - box-shadow: 0 0 0 2px var(--focus-glow); + box-shadow: 0 0 0 2px var(--field-focus-ring-color); } .Radio__overlay.Icon--radio-checked { @@ -399,9 +399,3 @@ textarea.Field--has-error:focus:hover, .cauldron--theme-dark .Checkbox__overlay--disabled.Icon--checkbox-unchecked { color: var(--stroke-dark); } - -.Checkbox__overlay.Checkbox__overlay--focused, -.Radio__overlay.Radio__overlay--focused { - border-radius: 5px; - box-shadow: 0 0 0 2px var(--focus-glow); -}