Skip to content

Use neutral primary/secondary buttons in alerts

Problem

As noted in gitlab-org/gitlab-design#626 (comment 221250979), if we’re using color to indicate alert type/severity then it doesn’t always make sense that the button matches that severity. 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

Use default neutral buttons for all alerts (a solid default gray would have to be added)

or

Use existing secondary button with new “link” button (transparent background, no border, semantically. button, see Bootstrap example).

Current Proposed Proposed alt
Variants-before Variants-after Variants-after-alt

/cc @jareko @tauriedavis @mnichols1