Skip to content

Normalize Alert component text, buttons, and anchors

Problem

In gitlab-org/gitlab-services/design.gitlab.com#556 (closed) we discussed how actions within alerts don’t match the themed color. For example, there may be a danger alert, but the action is positive to remedy the error. The current state, with buttons themed to the alert style seems to let visual theming overrule meaning.

Solution

It was decided to normalize the text, buttons, and anchors in the design. This will also help with color decisions for accessibility and a future dark UI.

View updated design in Figma →

Variants

/cc @mnichols1 @jareko @tauriedavis