diff --git a/code/addons/a11y/src/components/A11YPanel.tsx b/code/addons/a11y/src/components/A11YPanel.tsx
index 82415c4bb82..cfc15236594 100644
--- a/code/addons/a11y/src/components/A11YPanel.tsx
+++ b/code/addons/a11y/src/components/A11YPanel.tsx
@@ -30,15 +30,15 @@ const RotatingIcon = styled(Icon)(({ theme }) => ({
 }));
 
 const Passes = styled.span(({ theme }) => ({
-  color: theme.color.positive,
+  color: theme.color.positiveText,
 }));
 
 const Violations = styled.span(({ theme }) => ({
-  color: theme.color.negative,
+  color: theme.color.negativeText,
 }));
 
 const Incomplete = styled.span(({ theme }) => ({
-  color: theme.color.warning,
+  color: theme.color.warningText,
 }));
 
 const Centered = styled.span({
diff --git a/code/addons/interactions/src/components/MatcherResult.tsx b/code/addons/interactions/src/components/MatcherResult.tsx
index 4e3814702e3..30e248ccf4f 100644
--- a/code/addons/interactions/src/components/MatcherResult.tsx
+++ b/code/addons/interactions/src/components/MatcherResult.tsx
@@ -20,11 +20,11 @@ const parseValue = (value: string): any => {
 };
 
 const StyledExpected = styled.span(({ theme }) => ({
-  color: theme.color.positive,
+  color: theme.color.positiveText,
 }));
 
 const StyledReceived = styled.span(({ theme }) => ({
-  color: theme.color.negative,
+  color: theme.color.negativeText,
 }));
 
 export const Received = ({ value, parsed }: { value: any; parsed?: boolean }) =>
diff --git a/code/lib/theming/src/convert.ts b/code/lib/theming/src/convert.ts
index 717418d8a2c..bdcf74cb8d4 100644
--- a/code/lib/theming/src/convert.ts
+++ b/code/lib/theming/src/convert.ts
@@ -69,6 +69,9 @@ const createColors = (vars: ThemeVars): Color => ({
 
   defaultText: vars.textColor || color.darkest,
   inverseText: vars.textInverseColor || color.lightest,
+  positiveText: color.positiveText,
+  negativeText: color.negativeText,
+  warningText: color.warningText,
 });
 
 export const convert = (inherit: ThemeVars = themes[getPreferredColorScheme()]): StorybookTheme => {