README.md

@@ -20,15 +20,18 @@ Repeate for each styles you want to enables.
 ## What each styles do?
 
 * `PREP banner.css`: Change the Preproduction banner and login's footer
-  ![example of PREP banner](public/PREP_banner_animated.mov)
+  ![example of PREP banner](public/PREP_banner.jpg)
 * `PLLR banner.css`: Change your Pillar banner and login's footer
-  ![example of PLLR banner](public/PLLR_banner_animated.mov)
+  ![example of PLLR banner](public/PLLR_banner.jpg)
 * `PERF banner.css`: Change the Load Testing banner and login's footer
-  ![example of PERF banner](public/PERF_banner_animated.mov)
+  ![example of PERF banner](public/PERF_banner.jpg)
 * `PROD banner.css`: Change the Production banner and login's footer
-  ![example of Prod banner](public/PROD_banner_animated.mov)
+  ![example of Prod banner](public/PROD_banner_animated.gif)
 * `Whiter banner.css`: Look & feel, mainly changing text to pure white and the hover and active elements. A _must have_. Works with the others files.
 * `Sigils.css`: Change the top-right user icon to a Shop or Factory depending on if you are logged as ar Retailer or a Supplier.
   * ![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)