diff --git a/core/src/components/radio-group/radio-group.ionic.scss b/core/src/components/radio-group/radio-group.ionic.scss index b45d765e488..9f88be770ff 100644 --- a/core/src/components/radio-group/radio-group.ionic.scss +++ b/core/src/components/radio-group/radio-group.ionic.scss @@ -11,11 +11,11 @@ } .radio-group-top .error-text { - color: globals.$ion-semantics-danger-800; + color: globals.$ion-text-danger; } .radio-group-top .helper-text { - color: globals.$ion-primitives-neutral-800; + color: globals.$ion-text-subtlest; } // Radio Group Top: in List diff --git a/core/src/components/radio/radio.ionic.scss b/core/src/components/radio/radio.ionic.scss index 9b7aca92ca0..3440ac2d2f6 100644 --- a/core/src/components/radio/radio.ionic.scss +++ b/core/src/components/radio/radio.ionic.scss @@ -5,8 +5,8 @@ // -------------------------------------------------- :host { - --color: #{globals.$ion-primitives-neutral-500}; - --color-checked: #{globals.$ion-semantics-primary-base}; + --color: #{globals.$ion-border-input-default}; + --color-checked: #{globals.$ion-bg-primary-base-default}; --border-width: #{globals.$ion-border-size-025}; --border-style: #{globals.$ion-border-style-solid}; --border-radius: #{globals.$ion-border-radius-full}; @@ -55,7 +55,7 @@ border-style: var(--border-style); border-color: var(--color); - background-color: globals.$ion-bg-surface-default; + background-color: globals.$ion-bg-input-default; } // Ionic Radio Inner Circle: Unchecked @@ -67,7 +67,7 @@ width: calc(32% + var(--border-width)); height: calc(32% + var(--border-width)); - background-color: globals.$ion-bg-surface-default; + background-color: globals.$ion-bg-surface-inverse; } // Ionic Radio Outer Circle: Checked