decorate links with underline on hover only

Author: PhilippSalvisberg

docs/src/components/Footer.astro

@@ -19,5 +19,21 @@ const year = new Date().getFullYear();
     & p {
       margin: 0.75rem 0;
     }
+
+    & a {
+      color: var(--sl-color-accent-high); /* Dark mode default */
+    }
+
+    & a:hover {
+      color:var(--sl-color-white); /* Dark mode hover */
+    }
+  }
+
+  :root[data-theme='light'] footer a {
+    color: var(--sl-color-accent); /* Light mode default */
+  }
+
+  :root[data-theme='light'] footer a:hover {
+    color: var(--sl-color-white); /* Light mode hover */
   }
 </style>

docs/src/styles/uc.css

@@ -63,3 +63,13 @@ sup {
 		text-underline-offset: 2.1px;
 	}
 }
+
+/* Remove default underlines from all links */
+a {
+	text-decoration: none;
+}
+
+/* Add underline on hover for all links */
+a:hover {
+	text-decoration: underline;
+}