style: improve light mode look

Author: WarningImHack3r

src/routes/package/[...package]/ReleaseCard.svelte

@@ -137,7 +137,10 @@
 
 <Accordion.Item
 	value={release.id.toString()}
-	class={["border-b-0", { "rounded-xl border border-primary": isMajorRelease && index < 3 }]}
+	class={[
+		"rounded-xl border-b-0 shadow-lg outline outline-transparent transition-colors duration-300 data-[state=open]:outline-muted-foreground/20",
+		{ "rounded-xl border border-primary": isMajorRelease && index < 3 }
+	]}
 >
 	<Accordion.Trigger
 		class="group rounded-t-xl bg-secondary px-4 py-3 hover:bg-secondary/75 hover:no-underline data-[state=closed]:rounded-b-xl"

src/routes/package/[...package]/SidePanel.svelte

@@ -35,7 +35,7 @@
 	});
 </script>
 
-<div class={cn("flex flex-col *:shadow-lg *:shadow-black", className)}>
+<div class={cn("flex flex-col *:shadow-lg dark:*:shadow-black", className)}>
 	<Card.Root class="z-10 border border-muted-foreground/25 bg-secondary">
 		<Card.Header class="flex-row items-start justify-between">
 			<Card.Title class="font-display">Packages</Card.Title>

src/routes/packages/+page.svelte

@@ -17,7 +17,7 @@
 					<li>
 						<a
 							href="/package/{pkg.name}"
-							class="group flex items-center rounded-xl px-4 py-3 transition-colors hover:bg-neutral-800"
+							class="group flex items-center rounded-xl px-4 py-3 transition-colors hover:bg-neutral-100 dark:hover:bg-neutral-800"
 						>
 							<div class="flex flex-col">
 								<h4 class="font-medium">{pkg.name}</h4>