microsoft / microsoft/aspire

The message bar intent styles could be improved

Open
#10,427 6 comments 1 reaction 0 assignees View on GitHub
area-dashboard interaction-service
Dominant language
C#
Stars
6.3k
Forks
991
Avg merge
2d 15h
Merged PRs (30d)
196

Description

When documenting the interaction service, I noticed that the message bar intent styles could be improved. Right now, there's little distinction between:

- Information and Confirmation (I think one just adds buttons)
- Error and Warning (only seem to differ by icon)

The colors for the dark theme aren't really fun to look at either.

#### Light theme

Image

#### Dark theme

Image

#### Possible considerations

Maybe the confirmation message bar could use some of the Aspire purple colors? The warning could be more orange, and maybe a blue for the information intent? There was also peer feedback about the action buttons feeling a bit distant from the words when there's fewer words—but personally, I think those are fine since they're next to the dismissal "X" button. But more contrast on those might help a bit.

#### API naming considerations

One final, somewhat related thought: when the team was talking about this UX element, we naturally referred to it as "notification bar", however; the API calls it a "message bar" which seems like a potential opportunity to improve that API name to more closely align with its use. When I first saw this API, I assumed "message bar" was like a "status bar" or something, near the footer. Then I saw what it did in the UI, and thought, "oh, that's a notification."

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.