Skip to content

[Bug]: colorBrandBackground2Hover and pressed is not visible on colorbrandbackground2 in contrast mode  #28478

@YuanboXue-Amber

Description

@YuanboXue-Amber

Library

React Components / v9 (@fluentui/react-components)

System Info

v9.25.1

Are you reporting Accessibility issue?

None

Reproduction

https://react.fluentui.dev/?path=/docs/theme-colors--page

Bug Description

Semantically a component can have background color colorBrandBackground2, hover background colorBrandBackground2Hover and pressed background colorBrandBackground2Pressed.
But they are the same color in contrast theme, making it not visible when hover/pressed:
image

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions