diff --git a/change/@uifabric-azure-themes-82a081ed-2e5a-43f3-a5e0-733f2476edd3.json b/change/@uifabric-azure-themes-82a081ed-2e5a-43f3-a5e0-733f2476edd3.json new file mode 100644 index 0000000000000..ce446ded354f2 --- /dev/null +++ b/change/@uifabric-azure-themes-82a081ed-2e5a-43f3-a5e0-733f2476edd3.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Contrast ratio a11y bug fix for detailslist", + "packageName": "@uifabric/azure-themes", + "email": "30805892+Jacqueline-ms@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/azure-themes/src/azure/AzureColors.ts b/packages/azure-themes/src/azure/AzureColors.ts index 92faf9815dc2c..8a9bc56d547e7 100644 --- a/packages/azure-themes/src/azure/AzureColors.ts +++ b/packages/azure-themes/src/azure/AzureColors.ts @@ -796,7 +796,7 @@ export const LightSemanticColors: IAzureSemanticColors = { background: BaseColors.WHITE, disabled: BaseColors.GRAY_C8C6C4, hover: BaseColors.GRAY_605E5C, - accent: BaseColors.BLUE_0078D4, + accent: BaseColors.GRAY_605E5C, focus: BaseColors.BLUE_0078D4, error: BaseColors.RED_A4262C, dirty: BaseColors.PURPLE_8A2DA5, diff --git a/packages/azure-themes/src/azure/styles/DetailsList.styles.ts b/packages/azure-themes/src/azure/styles/DetailsList.styles.ts index 9a6b48cf9187c..b7288e1676438 100644 --- a/packages/azure-themes/src/azure/styles/DetailsList.styles.ts +++ b/packages/azure-themes/src/azure/styles/DetailsList.styles.ts @@ -17,7 +17,6 @@ export const CheckStyles = (props: ICheckStyleProps): Partial => { circle: [ { fontSize: 0, - paddingTop: 1, paddingLeft: 1, borderRadius: 2, color: semanticColors.listBackground, @@ -130,9 +129,6 @@ export const DetailsRowStyles = (props: IDetailsRowStyleProps): Partial