Skip to content

feat(Notice): notice colors redesign#2489

Open
chornonoh-vova wants to merge 1 commit into
developfrom
feature/notice-colors-redesign
Open

feat(Notice): notice colors redesign#2489
chornonoh-vova wants to merge 1 commit into
developfrom
feature/notice-colors-redesign

Conversation

@chornonoh-vova

@chornonoh-vova chornonoh-vova commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

Redesigns the Notice component's info, caution, and danger color variants to use softer, hand-tuned backgrounds paired with bolder, WCAG-compliant icon/border colors, and adds screenshot coverage for the component.

image

Copilot AI review requested due to automatic review settings July 24, 2026 09:23
@chornonoh-vova
chornonoh-vova requested review from a team as code owners July 24, 2026 09:23

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@jbregar

jbregar commented Jul 24, 2026

Copy link
Copy Markdown

This looks great... can we swap the colors over to our new error/warning/success/neutral color set? In this context we'd use:

Danger:
icon and border: #DF5252
background fill: #FDF2F2

Caution:
icon and border: #A16200
background fill: #FFF8EF

Success (not sure if this exists):
icon and border: #4D8C6E
background fill: #F3FCF7

Info:
icon and border: #547D93
background fill: #F5F7F8

Also, I know this is a bigger ask and perhaps we can talk about it, but it'd be great to add Material Symbols report icon to the Icon set and use that for the "Danger" icon so Danger and Caution have unique icons.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants