Update a few addons with the new stats text colors and add them to convert.ts

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({

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 }) =>

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 => {