refactor: change coolGray with blueGray

Author: einazare

src/app/components/footers/footer/footer.component.html

@@ -1,4 +1,4 @@
-<footer class="relative bg-coolGray-200 pt-8 pb-6">
+<footer class="relative bg-blueGray-200 pt-8 pb-6">
   <div
     class="bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20"
     style="transform: translateZ(0)"
@@ -13,7 +13,7 @@
       y="0"
     >
       <polygon
-        class="text-coolGray-200 fill-current"
+        class="text-blueGray-200 fill-current"
         points="2560 0 2560 100 0 100"
       ></polygon>
     </svg>
@@ -22,7 +22,7 @@
     <div class="flex flex-wrap text-center lg:text-left">
       <div class="w-full lg:w-6/12 px-4">
         <h4 class="text-3xl font-semibold">Let's keep in touch!</h4>
-        <h5 class="text-lg mt-0 mb-2 text-coolGray-600">
+        <h5 class="text-lg mt-0 mb-2 text-blueGray-600">
           Find us on any of these platforms, we respond 1-2 business days.
         </h5>
         <div class="mt-6 lg:mb-0 mb-6">
@@ -45,7 +45,7 @@ <h5 class="text-lg mt-0 mb-2 text-coolGray-600">
             <i class="fab fa-dribbble"></i>
           </button>
           <button
-            class="bg-white text-coolGray-800 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
+            class="bg-white text-blueGray-800 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
             type="button"
           >
             <i class="fab fa-github"></i>
@@ -56,38 +56,38 @@ <h5 class="text-lg mt-0 mb-2 text-coolGray-600">
         <div class="flex flex-wrap items-top mb-6">
           <div class="w-full lg:w-4/12 px-4 ml-auto">
             <span
-              class="block uppercase text-coolGray-500 text-sm font-semibold mb-2"
+              class="block uppercase text-blueGray-500 text-sm font-semibold mb-2"
             >
               Useful Links
             </span>
             <ul class="list-unstyled">
               <li>
                 <a
-                  class="text-coolGray-600 hover:text-coolGray-800 font-semibold block pb-2 text-sm"
+                  class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                   href="https://www.creative-tim.com/presentation?ref=na-footer"
                 >
                   About Us
                 </a>
               </li>
               <li>
                 <a
-                  class="text-coolGray-600 hover:text-coolGray-800 font-semibold block pb-2 text-sm"
+                  class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                   href="https://blog.creative-tim.com?ref=na-footer"
                 >
                   Blog
                 </a>
               </li>
               <li>
                 <a
-                  class="text-coolGray-600 hover:text-coolGray-800 font-semibold block pb-2 text-sm"
+                  class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                   href="https://www.github.com/creativetimofficial?ref=na-footer"
                 >
                   Github
                 </a>
               </li>
               <li>
                 <a
-                  class="text-coolGray-600 hover:text-coolGray-800 font-semibold block pb-2 text-sm"
+                  class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                   href="https://www.creative-tim.com/bootstrap-themes/free?ref=na-footer"
                 >
                   Free Products
@@ -97,38 +97,38 @@ <h5 class="text-lg mt-0 mb-2 text-coolGray-600">
           </div>
           <div class="w-full lg:w-4/12 px-4">
             <span
-              class="block uppercase text-coolGray-500 text-sm font-semibold mb-2"
+              class="block uppercase text-blueGray-500 text-sm font-semibold mb-2"
             >
               Other Resources
             </span>
             <ul class="list-unstyled">
               <li>
                 <a
-                  class="text-coolGray-600 hover:text-coolGray-800 font-semibold block pb-2 text-sm"
+                  class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                   href="https://github.com/creativetimofficial/notus-angular/blob/main/LICENSE.md?ref=creativetim"
                 >
                   MIT License
                 </a>
               </li>
               <li>
                 <a
-                  class="text-coolGray-600 hover:text-coolGray-800 font-semibold block pb-2 text-sm"
+                  class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                   href="https://creative-tim.com/terms?ref=na-footer"
                 >
                   Terms & Conditions
                 </a>
               </li>
               <li>
                 <a
-                  class="text-coolGray-600 hover:text-coolGray-800 font-semibold block pb-2 text-sm"
+                  class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                   href="https://creative-tim.com/privacy?ref=na-footer"
                 >
                   Privacy Policy
                 </a>
               </li>
               <li>
                 <a
-                  class="text-coolGray-600 hover:text-coolGray-800 font-semibold block pb-2 text-sm"
+                  class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                   href="https://creative-tim.com/contact-us?ref=na-footer"
                 >
                   Contact Us
@@ -139,14 +139,14 @@ <h5 class="text-lg mt-0 mb-2 text-coolGray-600">
         </div>
       </div>
     </div>
-    <hr class="my-6 border-coolGray-300" />
+    <hr class="my-6 border-blueGray-300" />
     <div class="flex flex-wrap items-center md:justify-between justify-center">
       <div class="w-full md:w-4/12 px-4 mx-auto text-center">
-        <div class="text-sm text-coolGray-500 font-semibold py-1">
+        <div class="text-sm text-blueGray-500 font-semibold py-1">
           Copyright © {{ date }} Notus Angular by
           <a
             href="https://www.creative-tim.com?ref=na-footer"
-            class="text-coolGray-500 hover:text-coolGray-800"
+            class="text-blueGray-500 hover:text-blueGray-800"
           >
             Creative Tim
           </a>