Replace last remaining HEX colors in _colors.scss

There were a few colors used in the logged-out Welcome message. Replaced them with new 3.0 colors.

src/_colors.scss

@@ -43,10 +43,5 @@ $type-white: hsla(0, 100, 100, 1); //#FFF
 
 $link-blue: $ui-blue;
 
-/* Component colors */
-$splash-green: #9c0;
-$splash-pink: #c2479d;
-$splash-blue: #199ed7;
-
 /* Down Deep */
 $dd-darkblue: hsla(195, 72.4, 17.1, 1);

src/components/intro/intro.scss

@@ -94,37 +94,37 @@
 
         &.sprite-1 {
             .circle {
-                background-color: $splash-green;
+                background-color: $ui-aqua;
             }
 
             .text {
                 top: 60px;
                 left: 50px;
-                color: $splash-green;
+                color: $ui-aqua;
             }
         }
 
         &.sprite-2 {
             .circle {
-                background-color: $splash-pink;
+                background-color: $ui-purple;
             }
 
             .text {
                 top: 77px;
                 left: 50px;
-                color: $splash-pink;
+                color: $ui-purple;
             }
         }
 
         &.sprite-3 {
             .circle {
-                background-color: $splash-blue;
+                background-color: $ui-blue;
             }
 
             .text {
                 top: 37px;
                 left: 45px;
-                color: $splash-blue;
+                color: $ui-blue;
             }
 
             .subtext {
@@ -145,19 +145,19 @@
 
             &.sprite-1 {
                 .circle {
-                    box-shadow: 0 0 10px 2px $splash-green;
+                    box-shadow: 0 0 10px 2px $ui-aqua;
                 }
             }
 
             &.sprite-2 {
                 .circle {
-                    box-shadow: 0 0 10px 2px $splash-pink;
+                    box-shadow: 0 0 10px 2px $ui-purple;
                 }
             }
 
             &.sprite-3 {
                 .circle {
-                    box-shadow: 0 0 10px 2px $splash-blue;
+                    box-shadow: 0 0 10px 2px $ui-blue;
                 }
             }
         }

src/components/welcome/welcome.scss

@@ -37,31 +37,31 @@
 
         &.blue {
             #{$color-bars} {
-                background-color: $splash-blue;
+                background-color: $ui-blue;
             }
 
             a {
-                color: $splash-blue;
+                color: $ui-blue;
             }
         }
 
         &.green {
             #{$color-bars} {
-                background-color: $splash-green;
+                background-color: $ui-aqua;
             }
 
             a {
-                color: $splash-green;
+                color: $ui-aqua;
             }
         }
 
         &.pink {
             #{$color-bars} {
-                background-color: $splash-pink;
+                background-color: $ui-purple;
             }
 
             a {
-                color: $splash-pink;
+                color: $ui-purple;
             }
         }
     }

src/views/components/components.jsx

@@ -57,9 +57,9 @@ const Components = () => (
                 <span className="type-gray">$type-gray</span>
                 <span className="type-white">$type-white</span>
                 <span className="link-blue">$link-blue</span>
-                <span className="splash-green">$splash-green</span>
-                <span className="splash-pink">$splash-pink</span>
-                <span className="splash-blue">$splash-blue</span>
+                <span className="splash-green">$ui-aqua</span>
+                <span className="splash-pink">$ui-purple</span>
+                <span className="splash-blue">$ui-blue</span>
             </div>
         </div>
     </div>

src/views/components/components.scss

@@ -101,15 +101,15 @@
         }
 
         .splash-green {
-            background-color: $splash-green;
+            background-color: $ui-aqua;
         }
 
         .splash-pink {
-            background-color: $splash-pink;
+            background-color: $ui-purple;
         }
 
         .splash-blue {
-            background-color: $splash-blue;
+            background-color: $ui-blue;
         }
     }
 }