From 2fcf1ccee78c0808630e19bafbd8330897277843 Mon Sep 17 00:00:00 2001 From: Christian Moore <33382564+Zystix@users.noreply.github.com> Date: Mon, 23 Dec 2024 11:12:47 +1100 Subject: [PATCH] Update inline notification icon color (#5423) * Change icon color * Add changeset * Update border color --------- Co-authored-by: Christian Moore --- .changeset/beige-mugs-sort.md | 5 +++++ .../GenericNotification/GenericNotification.module.scss | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .changeset/beige-mugs-sort.md diff --git a/.changeset/beige-mugs-sort.md b/.changeset/beige-mugs-sort.md new file mode 100644 index 00000000000..a179a2b7447 --- /dev/null +++ b/.changeset/beige-mugs-sort.md @@ -0,0 +1,5 @@ +--- +'@kaizen/components': patch +--- + +Update inline notification icon colour to blue-500 diff --git a/packages/components/src/Notification/subcomponents/GenericNotification/GenericNotification.module.scss b/packages/components/src/Notification/subcomponents/GenericNotification/GenericNotification.module.scss index 78803072cba..97e54cd6aa1 100644 --- a/packages/components/src/Notification/subcomponents/GenericNotification/GenericNotification.module.scss +++ b/packages/components/src/Notification/subcomponents/GenericNotification/GenericNotification.module.scss @@ -121,10 +121,10 @@ .informative { background: $color-blue-100; - border-color: var(--color-blue-400); + border-color: var(--color-blue-500); color: $color-purple-800; - --icon-color: var(--color-blue-400); + --icon-color: var(--color-blue-500); } .cautionary {