Skip to content

Improve warning alert component designΒ #7613

Closed
@gtsiolis

Description

@gtsiolis

Problem to solve

πŸ…°οΈ The first version of the warning alert component design was based on high saturated colors[1] and didn't adapt on dark theme colors (see screenshots below) as we did with labels in #4607.

Delete deletion modal on light theme β˜€οΈ Delete deletion modal on dark theme πŸŒ”
Screenshot 2022-01-14 at 6 02 14 PM (2) Screenshot 2022-01-14 at 6 02 04 PM (2)
Labels on light theme β˜€οΈ Labels on dark theme β˜€οΈ
image image

πŸ…±οΈ In the latest design specs using ther warning alert component, we've tried to improve the colors of the warning alert component, see example in #7295 (comment).

Proposed design for the warning alert component
148848588-dddd6c66-8e7f-4a48-a0c6-61e8055d8574

Proposal

Since this is using the AlertBox component, we could update this once and improve the UX of this component across the product.

Next steps could include improving the rest of alerts by clearly defining the available types (info, warning, error, etc) and documenting when to use which.

Metadata

Metadata

Assignees

Type

No type

Projects

Status

No status

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions