fix(segmented-control-item): fix text color contrast (#8036)

**Related Issue:** #7250 ## Summary ✨👀👍✨
Esri · Oct 23, 2023 · ede8c43 · ede8c43
1 parent 0a0ff11
commit ede8c43
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/...ages/calcite-components/src/components/segmented-control-item/segmented-control-item.scss b/...ages/calcite-components/src/components/segmented-control-item/segmented-control-item.scss
@@ -56,8 +56,7 @@
 }
 
 :host([checked]) label {
-  @apply bg-brand border-color-brand cursor-default;
-  color: theme("backgroundColor.background");
+  @apply bg-brand border-color-brand cursor-default text-color-inverse;
 }
 
 :host([checked]) .label--outline,

diff --git a/packages/calcite-components/src/components/segmented-control/segmented-control.stories.ts b/packages/calcite-components/src/components/segmented-control/segmented-control.stories.ts
@@ -48,7 +48,7 @@ export const fullWidthWithIcons = (): string => html`
 
 export const darkThemeRTL_TestOnly = (): string => html`
   <calcite-segmented-control
-    class="calcite-theme-dark"
+    class="calcite-mode-dark"
     dir="rtl"
     layout="${select("layout", ["horizontal", "vertical"], "horizontal")}"
     appearance="${select("appearance", ["solid", "outline", "outline-fill"], "solid")}"