add hover color for navbar items

Author: shravanngoswamii

_includes/citation/cite.qmd

@@ -1,3 +1,5 @@
+<!-- TODO: Add a better citations (maybe publication system) to list research work of all Turing ecosystem packages ) -->
+
 ```{=html}
 <div class="citation-container">
   <h3 id="cite" class="pb-1 text-center">Turing.jl is an <a href="https://github.com/TuringLang/Turing.jl/blob/main/LICENCE" class="turing-license-link"><code>MIT</code></a> Licensed Open Source Project</h3>

theming/rules/_layouts.scss

@@ -82,19 +82,22 @@
 .navbar {
     background-color: $navbar-bg;
 
-    .nav-link {
+    .nav-link,
+    .navbar-title,
+    .quarto-navigation-tool {
         color: $navbar-color !important;
+        transition: color 0.2s ease;
+
+        &:hover {
+            color: $links-hover !important;
+        }
     }
 
     a:hover {
         text-decoration: none;
     }
 }
 
-.navbar-title {
-    color: $navbar-color !important;
-}
-
 .section-header {
     display: flex;
     justify-content: space-between;