diff --git a/change/@fluentui-react-combobox-61c39a8b-d105-4eb8-bcd6-542e55ca5db5.json b/change/@fluentui-react-combobox-61c39a8b-d105-4eb8-bcd6-542e55ca5db5.json new file mode 100644 index 0000000000000..2d45fd43f1970 --- /dev/null +++ b/change/@fluentui-react-combobox-61c39a8b-d105-4eb8-bcd6-542e55ca5db5.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: add color tokens for option hover and pressed states", + "packageName": "@fluentui/react-combobox", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-combobox/src/components/Option/useOptionStyles.styles.ts b/packages/react-components/react-combobox/src/components/Option/useOptionStyles.styles.ts index 1383af69d49a1..7109c94b1f8db 100644 --- a/packages/react-components/react-combobox/src/components/Option/useOptionStyles.styles.ts +++ b/packages/react-components/react-combobox/src/components/Option/useOptionStyles.styles.ts @@ -27,10 +27,12 @@ const useStyles = makeStyles({ '&:hover': { backgroundColor: tokens.colorNeutralBackground1Hover, + color: tokens.colorNeutralForeground1Hover, }, '&:active': { backgroundColor: tokens.colorNeutralBackground1Pressed, + color: tokens.colorNeutralForeground1Pressed, }, },