feat(color): changed message & notification 'info' color from dark to…

… blue
lumapps · Sep 3, 2024 · b034230 · b034230
1 parent 758ea8a
commit b034230
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -14,7 +14,7 @@ export const NOTIFICATION_CONFIGURATION = {
         icon: mdiAlert,
     },
     info: {
-        color: 'dark',
+        color: 'blue',
         icon: mdiInformation,
     },
     success: {