diff --git a/core/src/components/segment-button/segment-button.ionic.scss b/core/src/components/segment-button/segment-button.ionic.scss index 75c67ab1cd5..0a69618e2fa 100644 --- a/core/src/components/segment-button/segment-button.ionic.scss +++ b/core/src/components/segment-button/segment-button.ionic.scss @@ -10,7 +10,7 @@ */ --background: none; --background-checked: var(--background); - --color: #{globals.$ion-primitives-neutral-1000}; + --color: #{globals.$ion-primitives-neutral-1200}; --color-checked: #{globals.$ion-semantics-primary-base}; --color-disabled: #{globals.$ion-primitives-neutral-500}; --border-width: #{globals.$ion-border-size-025}; @@ -44,13 +44,15 @@ gap: globals.$ion-space-100; } +::slotted(*) { + color: var(--color); +} + // Segment Button Label // -------------------------------------------------- ::slotted(ion-label) { @include globals.typography(globals.$ion-body-action-sm); - - color: var(--color); } // Segment Button Icon @@ -59,8 +61,6 @@ ::slotted(ion-icon) { width: globals.$ion-scale-600; height: globals.$ion-scale-600; - - color: var(--color); } // Segment Button: Checked