chore(uux): 913 notification status colors change

eclipse-tractusx · Jun 28, 2024 · 858face · 858face
1 parent 90b7c8f
commit 858face
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/.../src/app/modules/shared/components/notification-reason/notification-reason.component.scss b/.../src/app/modules/shared/components/notification-reason/notification-reason.component.scss
@@ -180,7 +180,7 @@
   }
 
   &--CANCELED {
-    @apply bg-declinedLight text-declinedDark before:bg-declinedDark;
+    @apply bg-canceledLight text-canceledDark before:bg-canceledDark;
   }
 
   &--CLOSED {
@@ -192,15 +192,15 @@
   }
 
   &--SENT {
-    @apply bg-pendingLight text-pendingDark before:bg-pendingDark;
+    @apply bg-receivedLight text-receivedDark before:bg-receivedDark;
   }
 
   &--ACCEPTED {
     @apply bg-confirmedLight text-confirmedDark before:bg-confirmedDark;
   }
 
   &--ACKNOWLEDGED {
-    @apply bg-receivedLight text-receivedDark before:bg-receivedDark;
+    @apply bg-pendingLight text-pendingDark before:bg-pendingDark;
   }
 
   &--DECLINED {

diff --git a/.../app/modules/shared/modules/notification/notification-tab/notification-tab.component.scss b/.../app/modules/shared/modules/notification/notification-tab/notification-tab.component.scss
@@ -39,7 +39,7 @@
   }
 
   &--CANCELED {
-    @apply bg-declinedLight text-declinedDark before:bg-declinedDark;
+    @apply bg-canceledLight text-canceledDark before:bg-canceledDark;
   }
 
   &--CLOSED {
@@ -51,15 +51,15 @@
   }
 
   &--SENT {
-    @apply bg-pendingLight text-pendingDark before:bg-pendingDark;
+    @apply bg-receivedLight text-receivedDark before:bg-receivedDark;
   }
 
   &--ACCEPTED {
     @apply bg-confirmedLight text-confirmedDark before:bg-confirmedDark;
   }
 
   &--ACKNOWLEDGED {
-    @apply bg-receivedLight text-receivedDark before:bg-receivedDark;
+    @apply bg-pendingLight text-pendingDark before:bg-pendingDark;
   }
 
   &--DECLINED {

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
@@ -143,6 +143,9 @@ module.exports = {
       confirmedLight: '#d9f2d9',
       confirmedDark: '#0b5e0b',
 
+      canceledLight: '#ffa6a6',
+      canceledDark: '#800000',
+
       declinedLight: '#ffd9d9',
       declinedDark: '#b30000',