vendor/assets/stylesheets/dvl/flashes.scss in dvl-flashes-0.0.2 vs vendor/assets/stylesheets/dvl/flashes.scss in dvl-flashes-0.0.3

@@ -1,6 +1,7 @@
 $dvlFlashZIndex: 1031 !default; // above modal
+$dvlFlashDefaultColor: #2886A8 !default;
 
 // Remove when we add `based` as a package
 $radius: 3px;
 $black: #222;
 $white: #fff;
@@ -19,23 +20,24 @@
   opacity: 0;
   transition: transform 0.3s ease-out, opacity 0.15s ease-out;
   width: 95%;
   margin: 1rem 2.5% 0;
   z-index: $dvlFlashZIndex;
-  background: $lighterGray;
+  background: $dvlFlashDefaultColor;
   border-radius: $radius;
   padding: 0.75rem 1rem;
   font-size: 0.9rem;
-  color: #333;
+  color: $white;
   box-shadow: 0 1px 0 rgba(#000,0.2);
   line-height: 1rem;
   span {
     display: inline-block;
     max-width: 95%;
   }
   a {
     text-decoration: underline;
+    color: $white;
   }
   &.is_visible {
     opacity: 1;
     transform: translateY(0);
   }
@@ -44,30 +46,18 @@
     line-height: 2.5rem;
     text-decoration: none;
     right: 1rem;
     top: 0;
     font-weight: bold;
-    color: $darkGray;
+    color: $lightGray;
     &:hover {
-      color: $darkerGray;
+      color: $white;
       text-decoration: none;
     }
   }
 }
 
 // Colors
-.flash_error, .flash_success {
-  color: $white;
-  a {
-    color: $white;
-  }
-  .flash_close {
-    color: $lightGray;
-    &:hover {
-      color: $white;
-    }
-  }
-}
 
 .flash_error {
   background: $errorColor;
 }