Changed to darker color

Author: dsaw

src/components/loader/Loader.js

@@ -10,7 +10,7 @@ const Loader = ({ color, message }) => {
         <div className="puff-two"></div>
       </div>
       {message ? (
-        <div className="message text-primary text-center my-1">{message}</div>
+        <div className="loader-message text-center my-1">{message}</div>
       ) : null}
     </Fragment>
   );

src/components/loader/Loader.scss

@@ -1,14 +1,14 @@
 .spinner {
-  width: 50px;
-  height: 50px;
+  width: 70px;
+  height: 70px;
   position: relative;
   margin: 20px auto 10px auto;
 }
 
 .puff-one {
   width: 100%;
   height: 100%;
-  border: thick solid #4b00ff;
+  border: thick solid #0e4072;
   border-radius: 50%;
   opacity: 1;
   -webkit-animation: puff, puffop;
@@ -26,7 +26,7 @@
 .puff-two {
   width: 100%;
   height: 100%;
-  border: thick solid #4b00ff;
+  border: thick solid #0e4072;
   border-radius: 50%;
   opacity: 1;
   -webkit-animation: puff, puffop;

src/sass/app.scss

@@ -66,13 +66,17 @@
 #poweredBy {
   a,
   a:hover {
-    color: #4b00ff;
+    color: #0e4072;
   }
   a::before {
-    background-color: #4b00ff;
+    background-color: #0e4072;
   }
 }
 
+.loader-message {
+  color: #0e4072;
+}
+
 .card {
   background-color: #fdfdfd;
 }