fix: update validationState tokens for Progress (#25664)

tomi-msft · web-flow · commit 76ebdee7eba4 · 2022-11-15T10:35:07.000-08:00
* fix:update validationState tokens for Progress

* change files
diff --git a/change/@fluentui-react-progress-e7c7cea3-2bda-4c39-bd90-74700b4f94a3.json b/change/@fluentui-react-progress-e7c7cea3-2bda-4c39-bd90-74700b4f94a3.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: update validationState tokens to use background instead of foreground",
+  "packageName": "@fluentui/react-progress",
+  "email": "ololubek@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-progress/src/components/Progress/useProgressStyles.ts b/packages/react-components/react-progress/src/components/Progress/useProgressStyles.ts
@@ -109,13 +109,13 @@ const useBarStyles = makeStyles({
   },
 
   error: {
-    backgroundColor: tokens.colorPaletteRedForeground1,
+    backgroundColor: tokens.colorPaletteRedBackground3,
   },
   warning: {
-    backgroundColor: tokens.colorPaletteDarkOrangeForeground1,
+    backgroundColor: tokens.colorPaletteDarkOrangeBackground3,
   },
   success: {
-    backgroundColor: tokens.colorPaletteGreenForeground1,
+    backgroundColor: tokens.colorPaletteGreenBackground3,
   },
 });
 
