fix(ui-form-field): remove hardcoded colors and use theme provided ones

The form field message component used hardcoded colors for the different message types, independently from the theme currently used. Now it will use the theme-provided colors.
instructure · Nov 24, 2024 · 1cf8d44 · 1cf8d44
1 parent e6e5a7b
commit 1cf8d44
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/ui-form-field/src/FormFieldMessage/theme.ts b/packages/ui-form-field/src/FormFieldMessage/theme.ts
@@ -40,9 +40,9 @@ const generateComponentTheme = (theme: Theme): FormFieldMessageTheme => {
   }
 
   const componentVariables: FormFieldMessageTheme = {
-    colorHint: colors?.contrasts?.grey125125,
-    colorError: colors?.contrasts?.red4570,
-    colorSuccess: colors?.contrasts?.green4570,
+    colorHint: colors?.ui?.textBody,
+    colorError: colors?.ui?.textError,
+    colorSuccess: colors?.ui?.textSuccess,
 
     fontFamily: typography?.fontFamily,
     fontWeight: typography?.fontWeightNormal,