add dashboard green hover

css/index.css

@@ -12,6 +12,12 @@
 
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
 
+.dashboard:hover {
+
+  background: #74ddc3 !important;
+}
+
+
 /* Custom CSS for header partial */
 .backdrop-blur {
   -webkit-backdrop-filter: blur(40px);
@@ -39,6 +45,7 @@
 }
 
 
+
 /* Custom css allowing image styling in markdown */
 img[src*="#mx-auto"] {
   margin: auto;
@@ -181,7 +188,7 @@ background-color:#5596f5 !important;
 }
 
 .footer-cust a:hover {
-  color: rgb(65, 65, 65); 
+  color: #74ddc3; 
 }
 
 .footer-cust h6{

tailwind.config.js

@@ -47,6 +47,7 @@ module.exports = {
       transparent: 'transparent',
       white: '#ffffff',
       black: '#000000',
+      green: '#74ddc3 ',
       gray: colors.gray,
       slate: colors.slate,
       stone: colors.stone,

templates/partials/footer.html

@@ -24,8 +24,8 @@
                 <div class="mt-6 mx-auto border-t border-gray-700 pt-8">
                     <p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
                         © <span id="year"></span> ThreeFold - All rights reserved.
-                        <a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-gray-300">Terms &amp; Conditions |</a>
+                        <a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-green">Terms &amp; Conditions |</a>
-                        <a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-300">Privacy Policy</a>
+                        <a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-green">Privacy Policy</a>
 
                     </p>
                 </div>

templates/partials/header.html

@@ -107,7 +107,7 @@
                       </a>
                     </li> 
                   </ul> #}
-                    <a href="https://docs.threefold.io/" target="_blank" class=" rounded-2xl bg-white px-4 py-1 text-sm font-semibold text-black shadow-sm hover:bg-gray-300 hover:text-gray-800">TF Docs</a>
+                    <a href="https://docs.threefold.io/" target="_blank" class="dashboard rounded-2xl bg-white px-4 p-2 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green">TF Docs</a>
                 </div>
               </div>
             </div>
@@ -197,7 +197,7 @@
                       </div> #}
 
                       <div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4">
-                        <a href="/getnode" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Get 3Node</a>
+                        <a href="https://docs.threefold.io/" target="_blank" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">TF Docs</a>
                       </div>
                     </nav>                    
                 </div>
@@ -222,4 +222,5 @@
 .nav_btn:hover {
   color: #74ddc3 !important;
 }
+
 </style>

templates/partials/home/cta.html

@@ -4,7 +4,7 @@
         Build the <br>Internet of Tomorrow, <br>Today.
       </h2>
       <div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">
-        <a href="https://docs.threefold.io/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">
+        <a href="https://docs.threefold.io/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">
           Dive Deeper
         </a>
         

templates/partials/home/farmers.html

@@ -45,7 +45,7 @@
         </div>
       </div>
       <div class="mt-12 flex items-center justify-center gap-x-6">
-        <a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
+        <a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
       </div>
     </div>
       </dl>

templates/partials/home/grid_stats.html

@@ -47,7 +47,7 @@
     </div>
     </div>
     <div class="mt-12 flex items-center justify-center gap-x-6">
-      <a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Explore Grid Capacity</a>
+      <a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 mt-8">Explore Grid Capacity</a>
     </div>
   </div>
   

templates/partials/home/hero.html

@@ -8,8 +8,8 @@
         <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2>
         <br>
         <div class="mt-10 flex items-center justify-center gap-x-6">
-          <a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">What We've Built</a>
+          <a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">What We've Built</a>
-          <a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-white hover:text-gray-400">Read TF Docs<span aria-hidden="true">→</span></a>
+          <a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-white hover:text-green ">Read TF Docs<span aria-hidden="true">→</span></a>
         </div>
       </div>
     </div>
@@ -39,5 +39,6 @@
     p {
       animation-delay: 1s; /* Delay for paragraphs */
     }
+
   </style>