From 2a0e7d11342046a927b9e668b59ae86601e98416 Mon Sep 17 00:00:00 2001
From: Giuliana Silva <giuliana.silva@outsystems.com>
Date: Mon, 5 Jan 2026 15:41:13 +0000
Subject: [PATCH 1/2] fix(segment-button): add color to slotted children for
 improved styling consistency

---
 .../components/segment-button/segment-button.ionic.scss   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/core/src/components/segment-button/segment-button.ionic.scss b/core/src/components/segment-button/segment-button.ionic.scss
index 75c67ab1cd5..c9b4537904c 100644
--- a/core/src/components/segment-button/segment-button.ionic.scss
+++ b/core/src/components/segment-button/segment-button.ionic.scss
@@ -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

From d59cfc87b2a2967fbd4f111d366441428fb69a43 Mon Sep 17 00:00:00 2001
From: Giuliana Silva <giuliana.silva@outsystems.com>
Date: Mon, 5 Jan 2026 17:38:11 +0000
Subject: [PATCH 2/2] style(segment-button): update color variable according to
 the Figma designs

---
 core/src/components/segment-button/segment-button.ionic.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/segment-button/segment-button.ionic.scss b/core/src/components/segment-button/segment-button.ionic.scss
index c9b4537904c..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};