refactor: change coolGray with blueGray

Author: einazare

src/app/components/navbars/index-navbar/index-navbar.component.html

@@ -9,7 +9,7 @@
     >
       <a
         [routerLink]="['/']"
-        class="text-coolGray-700 text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase"
+        class="text-blueGray-700 text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase"
         href="#pablo"
       >
         Notus Angular
@@ -30,11 +30,11 @@
       <ul class="flex flex-col lg:flex-row list-none mr-auto">
         <li class="flex items-center">
           <a
-            class="hover:text-coolGray-500 text-coolGray-700 px-3 py-2 flex items-center text-xs uppercase font-bold"
+            class="hover:text-blueGray-500 text-blueGray-700 px-3 py-2 flex items-center text-xs uppercase font-bold"
             href="https://www.creative-tim.com/learning-lab/tailwind/angular/overview/notus?ref=na-index-navbar"
           >
             <i
-              class="text-coolGray-400 far fa-file-alt text-lg leading-lg mr-2"
+              class="text-blueGray-400 far fa-file-alt text-lg leading-lg mr-2"
             ></i>
             Docs
           </a>
@@ -46,33 +46,33 @@
         </li>
         <li class="flex items-center">
           <a
-            class="hover:text-coolGray-500 text-coolGray-700 px-3 py-2 flex items-center text-xs uppercase font-bold"
+            class="hover:text-blueGray-500 text-blueGray-700 px-3 py-2 flex items-center text-xs uppercase font-bold"
             href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-angular%2F"
             target="_blank"
           >
-            <i class="text-coolGray-400 fab fa-facebook text-lg leading-lg"></i>
+            <i class="text-blueGray-400 fab fa-facebook text-lg leading-lg"></i>
             <span class="lg:hidden inline-block ml-2">Share</span>
           </a>
         </li>
 
         <li class="flex items-center">
           <a
-            class="hover:text-coolGray-500 text-coolGray-700 px-3 py-2 flex items-center text-xs uppercase font-bold"
+            class="hover:text-blueGray-500 text-blueGray-700 px-3 py-2 flex items-center text-xs uppercase font-bold"
             href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-angular%2F&text=Start%20your%20development%20with%20a%20Free%20Tailwind%20CSS%20and%20Angular%20UI%20Kit%20and%20Admin.%20Let%20Notus%20Angular%20amaze%20you%20with%20its%20cool%20features%20and%20build%20tools%20and%20get%20your%20project%20to%20a%20whole%20new%20level."
             target="_blank"
           >
-            <i class="text-coolGray-400 fab fa-twitter text-lg leading-lg"></i>
+            <i class="text-blueGray-400 fab fa-twitter text-lg leading-lg"></i>
             <span class="lg:hidden inline-block ml-2">Tweet</span>
           </a>
         </li>
 
         <li class="flex items-center">
           <a
-            class="hover:text-coolGray-500 text-coolGray-700 px-3 py-2 flex items-center text-xs uppercase font-bold"
+            class="hover:text-blueGray-500 text-blueGray-700 px-3 py-2 flex items-center text-xs uppercase font-bold"
             href="https://github.com/creativetimofficial/notus-angular?ref=na-index-navbar"
             target="_blank"
           >
-            <i class="text-coolGray-400 fab fa-github text-lg leading-lg"></i>
+            <i class="text-blueGray-400 fab fa-github text-lg leading-lg"></i>
             <span class="lg:hidden inline-block ml-2">Star</span>
           </a>
         </li>