Colour change for loader

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-info text-center my-1">{message}</div>
+        <div className="message text-primary text-center my-1">{message}</div>
       ) : null}
     </Fragment>
   );

src/components/loader/Loader.scss

@@ -8,7 +8,7 @@
 .puff-one {
   width: 100%;
   height: 100%;
-  border: thick solid #32a1ce;
+  border: thick solid #4b00ff;
   border-radius: 50%;
   opacity: 1;
   -webkit-animation: puff, puffop;
@@ -26,7 +26,7 @@
 .puff-two {
   width: 100%;
   height: 100%;
-  border: thick solid #32a1ce;
+  border: thick solid #4b00ff;
   border-radius: 50%;
   opacity: 1;
   -webkit-animation: puff, puffop;