nav bar refinements

.astro/settings.json

@@ -1,5 +1,5 @@
 {
 	"_variables": {
-		"lastUpdateCheck": 1736808843243
+		"lastUpdateCheck": 1738292575979
 	}
 }

src/components/Header.astro

@@ -21,8 +21,11 @@ const navLinks: NavLink[] = [
 	<nav>
 		{
 			navLinks.map((link) => (
-				<li class={pathname === link.path ? 'selected' : null}>
+				<li>
-					<a href={link.path}>
+					<a
+						href={link.path}
+						class={pathname === link.path ? 'selected' : null}
+					>
 						<span>{link.label}</span>
 					</a>
 				</li>

src/styles/global.css

@@ -21,6 +21,7 @@
 
 :root {
 	--blue: #1e66f5;
+	--sky: #04a5e5;
 	--red: #d20f39;
 	--orange: #fe640b;
 	--text: #4c4f69;
@@ -33,6 +34,7 @@
 @media (prefers-color-scheme: dark) {
 	:root {
 		--blue: #89b4fa;
+		--sky: #89dceb;
 		--red: #f38ba8;
 		--orange: #fab387;
 		--text: #cdd6f4;
@@ -83,7 +85,7 @@ header > nav > li > a:hover {
 }
 
 header > nav > li > .selected {
-	border-bottom: 1px solid #e56045;
+	font-weight: bold;
 }
 
 footer {