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