Add warning banner

Author: nlhkabu

warehouse/static/sass/blocks/_notification-bar.scss

@@ -37,7 +37,7 @@
 .notification-bar {
   border-bottom: 2px solid $white;
   text-align: center;
-  background-color: darken($brand-color, 10);
+  background-color: $brand-color-dark;
   color: $white;
   padding: ($spacing-unit / 2);
   position: relative;
@@ -73,13 +73,23 @@
   // notification controller is being used.
   &--dismissable {
     display: none;
-    padding-right: 55px;
+    padding: 15px 55px;
   }
 
   &--visible {
     display: block;
   }
 
+  &--warning {
+    background-color: $warn-color;
+    color: $warn-text;
+    border-color: darken($primary-color, 10);
+
+    a {
+      color: $warn-text;
+    }
+  }
+
   &--danger {
     background-color: $danger-color;
   }

warehouse/static/sass/settings/_colours.scss

@@ -17,9 +17,11 @@
 $brand-color:                 #006dad;
 $primary-color:               #ffd343;
 $success-color:               #169428;
-$warn-color:                  #f05d22;
+$warn-color:                  #ffdf76;
+$warn-text:                   #664e04;
 $danger-color:                #D52D40;
 $brand-color-soft:            lighten($brand-color, 45);
+$brand-color-dark:            darken($brand-color, 10);
 
 $white:                       #fff;
 $black:                       #000;