fix: ColorPicker preview color updated to ignore forced colors (micro…

…soft#27394) * Updated preview color to ignore forced colors * Updated colorpicker snapshot
GAUARVCHIT · Mar 31, 2023 · cbc6188 · cbc6188
1 parent 34d6188
commit cbc6188
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/change/@fluentui-react-8e2d7e7a-c47a-459d-8184-f5744bc1d88e.json b/change/@fluentui-react-8e2d7e7a-c47a-459d-8184-f5744bc1d88e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: ColorPicker preview box updated to ignore forced colors to display chosen color",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react/src/components/ColorPicker/ColorPicker.styles.ts b/packages/react/src/components/ColorPicker/ColorPicker.styles.ts
@@ -55,6 +55,7 @@ export const getStyles = (props: IColorPickerStyleProps): IColorPickerStyles =>
         height: 48,
         margin: '0 0 0 8px',
         border: '1px solid #c8c6c4',
+        forcedColorAdjust: 'none',
       },
     ],
     flexContainer: {

diff --git a/packages/react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap b/packages/react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap
@@ -1428,6 +1428,7 @@ exports[`ColorPicker renders correctly with preview 1`] = `
                 is-preview
                 {
                   border: 1px solid #c8c6c4;
+                  forced-color-adjust: none;
                   height: 48px;
                   margin-bottom: 0;
                   margin-left: 8px;