Skip to content

[Bug]: CreateV9Theme cannot support some token in dark theme #31728

@wenyaojinMS

Description

@wenyaojinMS

Library

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

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (12) x64 11th Gen Intel(R) Core(TM) i5-11260H @ 2.60GHz
    Memory: 11.29 GB / 23.73 GB
  Browsers:
    Edge: Chromium (125.0.2535.92)
    Internet Explorer: 11.0.22621.3527

Are you reporting Accessibility issue?

None

Reproduction

https://stackblitz.com/edit/gpzfuq?file=src%2FApp.tsx,package.json,src%2Fexample.tsx

Bug Description

Actual Behavior

CreateV9Theme function can only support some tokens in dark theme. For status tokens, there is no mapping between V8 and V9. Even in the dark theme, the token value will come from webLightTheme, so that some colors are wrong in dark theme.
image

image

Expected Behavior

fill this out

Logs

No response

Requested priority

Blocking

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

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions