microsoft / microsoft/fluentui

Badges uses the palette colors instead of the status colors.

Open
#31,109 7 comments 0 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

Component: Badge Fluent UI react-components (v9) Needs: Design Needs: Discussion Resolution: Soft Close
Dominant language
TypeScript
Stars
20.3k
Forks
2.9k
Avg merge
2d 9h
Merged PRs (30d)
46

Description

Discussed in https://github.com/microsoft/fluentui/discussions/30086

Originally posted by steabert December 15, 2023
The "success" badge doesn't use the "success" status colors, but uses green from palette. The message bar does use these colors. Is the former a bug?

According to the figma design the badges should use the status color tokens instead of the palette tokens.

Example: the warning badge uses colorPaletteDarkOrangeBackground3 but should use statusWarningBackground3

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.