Basically finishes styling

src/components/SidebarLink.astro

@@ -10,16 +10,22 @@ const subpath = pathname.match(/[^\/]+/g);
 const isActive = href === pathname || href === '/' + (subpath?.[0] || '');
 ---
 
-<NotchedBox fillNotches={ isActive ? "right" : "none" }>
-  <a href={href} class:list={[className, { active: isActive }]} {...props}>
+<a href={href} class:list={[className, { active: isActive }]} {...props}>
+  <NotchedBox fillNotches={ isActive ? "right" : "none" }>
     <slot />
-  </a>
-</NotchedBox>
+  </NotchedBox>
+</a>
 <style>
 	a {
 		display: inline-block;
 		text-decoration: none;
+    color: var(--color-light-text);
 	}
+
+  a.hover {
+    color: var(--color-gold);
+  }
+
 	a.active {
 		font-weight: bolder;
 		text-decoration: underline;