From b034230b772e0cc17fd42317689e0f02420b4edc Mon Sep 17 00:00:00 2001
From: Flodi <flodi@X.local>
Date: Thu, 1 Aug 2024 15:10:12 +0200
Subject: [PATCH] feat(color): changed message & notification 'info' color from
 dark to blue

---
 CHANGELOG.md                                                    | 2 ++
 .../lumx-core/src/scss/components/notification/_variables.scss  | 2 +-
 packages/lumx-react/src/components/message/Message.tsx          | 2 +-
 packages/lumx-react/src/components/notification/constants.ts    | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2cdee53cc..e07d2eb52 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 -   `DatePicker`: improve display of localized day number.
 -   Reworked internal id generation (linking fields with labels, a11y attributes). Removed the `uid` dependency.
+-   `Message`: changed type "info" color to blue
+-   `Notification`: changed type "info" color to blue
 
 ## [3.8.1][] - 2024-08-14
 
diff --git a/packages/lumx-core/src/scss/components/notification/_variables.scss b/packages/lumx-core/src/scss/components/notification/_variables.scss
index 58b3a76e6..f08ab8e81 100644
--- a/packages/lumx-core/src/scss/components/notification/_variables.scss
+++ b/packages/lumx-core/src/scss/components/notification/_variables.scss
@@ -1,3 +1,3 @@
 $lumx-notification-height: 52px;
-$lumx-notification-color-palette: ("dark", "yellow", "red", "green");
+$lumx-notification-color-palette: ("blue", "yellow", "red", "green");
 $lumx-notification-transition-duration: 200ms;
diff --git a/packages/lumx-react/src/components/message/Message.tsx b/packages/lumx-react/src/components/message/Message.tsx
index 5d2069faf..b45482bc3 100644
--- a/packages/lumx-react/src/components/message/Message.tsx
+++ b/packages/lumx-react/src/components/message/Message.tsx
@@ -45,7 +45,7 @@ const CLASSNAME = getRootClassName(COMPONENT_NAME);
  */
 const CONFIG = {
     [Kind.error]: { color: ColorPalette.red, icon: mdiAlert },
-    [Kind.info]: { color: ColorPalette.dark, icon: mdiInformation },
+    [Kind.info]: { color: ColorPalette.blue, icon: mdiInformation },
     [Kind.success]: { color: ColorPalette.green, icon: mdiCheckCircle },
     [Kind.warning]: { color: ColorPalette.yellow, icon: mdiAlertCircle },
 };
diff --git a/packages/lumx-react/src/components/notification/constants.ts b/packages/lumx-react/src/components/notification/constants.ts
index 922ede149..02084b297 100644
--- a/packages/lumx-react/src/components/notification/constants.ts
+++ b/packages/lumx-react/src/components/notification/constants.ts
@@ -14,7 +14,7 @@ export const NOTIFICATION_CONFIGURATION = {
         icon: mdiAlert,
     },
     info: {
-        color: 'dark',
+        color: 'blue',
         icon: mdiInformation,
     },
     success: {