Merge pull request #459 from passkeydeveloper/bug/link-styling

Fix link visibility

Author: timcappalli

assets/scss/theme/theme.scss

@@ -8,8 +8,58 @@
   font-weight: 500;
 }
 
-a:hover {
-  font-weight: bold;
+.navbar-nav .nav-link:hover {
+    border-bottom-color: #0056b3;
+  background-color: #f0f0f0;
+}
+
+@if $enable-dark-mode {
+  @include color-mode(dark) {
+    .navbar-nav .nav-link:hover {
+      border-bottom-color: #66b2ff;
+      background-color: #333333;
+    }
+  }
+}
+
+p a,li a {
+  text-decoration: none;
+  border-bottom: 2px solid transparent; /* Reserve space to prevent jumping */
+  transition: border-color 0.3s;
+  font-weight: 500;
+}
+p a:hover,li a:hover {
+  border-bottom-color: #0056b3;
+  background-color: #f0f0f0;
+}
+
+@if $enable-dark-mode {
+  @include color-mode(dark) {
+    p a:hover,li a:hover {
+      border-bottom-color: #66b2ff;
+      background-color: #333333;
+    }
+  }
+}
+
+.toc a {
+  text-decoration: none;
+  border-bottom: 2px solid transparent; /* Reserve space to prevent jumping */
+  transition: border-color 0.3s;
+  font-weight: 500;
+}
+.toc a:hover {
+  border-bottom-color: #0056b3;
+  background-color: #f0f0f0;
+}
+
+@if $enable-dark-mode {
+  @include color-mode(dark) {
+    .toc a:hover {
+      border-bottom-color: #66b2ff;
+      background-color: #333333;
+    }
+  }
 }
 
 .fade-out-text {