diff --git a/Navbar color on Notif.css b/Navbar color on Notif.css
new file mode 100644
index 0000000..3676b1f
--- /dev/null
+++ b/Navbar color on Notif.css	
@@ -0,0 +1,32 @@
+@-moz-document domain("supplierxm.salsify.com"),
+domain("alkemics.com") {
+    /*:root {
+        --color1: hsla(194, 71%, 30%, 1);
+        --navbar-gradient-color: rgb(20, 157, 199); 
+    }*/
+
+    .PageTop>.Navbar::after {
+        background-color: var(--navbar-gradient-color);
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        height: 0%;
+        width: 100%;
+        z-index: -1;
+        transition: height .4s ease 0s;
+    }
+
+    .PageTop>.Navbar--PPR:has(+ :is(.NotificationAnimation-enter-done, .NotificationAnimation-enter-active))::after {
+        height: 100%;
+    }
+
+    .PageTop>.Navbar:has(+ .Notification--success) {
+        --navbar-gradient-color: #48b071;
+    }
+
+    .PageTop>.Navbar:has(+ .Notification--error) {
+        --navbar-gradient-color: #e64c42;
+    }
+
+
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index d4be16f..495f8d2 100644
--- a/README.md
+++ b/README.md
@@ -32,3 +32,6 @@ Repeate for each styles you want to enables.
   * ![example of orange shop icon](public/user-orange-shop.png) ![example of violet factory icon](public/user-violet-factory.png)
 * `Alkessian.less`: Change the black navbar of Jira & Confluence back to the default white one and add slight animations.
    ![example of Confluence navbar](public/alkessian-banner.png)
+* `Navbar color on Notif.css`: Emphase the notification banner by coloring the navbar as well, with a nice and tidy `transition`.
+  ![example of Color switching with success](public/navbar_notification_success.gif)
+  ![example of Color switching with success](public/navbar_notification_error.gif)
diff --git a/public/navbar_notification_error.gif b/public/navbar_notification_error.gif
new file mode 100644
index 0000000..a4f7f7a
Binary files /dev/null and b/public/navbar_notification_error.gif differ
diff --git a/public/navbar_notification_error.mov b/public/navbar_notification_error.mov
new file mode 100644
index 0000000..1019cd7
Binary files /dev/null and b/public/navbar_notification_error.mov differ
diff --git a/public/navbar_notification_success.gif b/public/navbar_notification_success.gif
new file mode 100644
index 0000000..19c84e1
Binary files /dev/null and b/public/navbar_notification_success.gif differ
diff --git a/public/navbar_notification_success.mov b/public/navbar_notification_success.mov
new file mode 100644
index 0000000..1569aaa
Binary files /dev/null and b/public/navbar_notification_success.mov differ