adjusted gray values

Author: emilybrick

pages/css/components/toasts.md

@@ -145,7 +145,7 @@ Add the `Toast--spinner` modifier class on the `Toast-icon` `svg` to communicate
   <div class="Toast Toast--loading">
     <span class="Toast-icon">
       <svg class="Toast--spinner" viewBox="0 0 32 32" width="18" height="18">
-        <path fill="#6a737d" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"/>
+        <path fill="#959da5" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"/>
         <path fill="#ffffff" d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"></path>
       </svg>
     </span>

src/toasts/toasts.scss

@@ -64,7 +64,7 @@
 }
 
 .Toast--loading .Toast-icon {
-  background-color: $gray-700;
+  background-color: $gray-600;
 }
 
 // Animations