Fix yoinked typography plugin, adjust styles

Author: WarningImHack3r

src/lib/components/MarkdownRenderer.svelte

@@ -19,7 +19,7 @@
 	};
 
 	let {
-		markdown,
+		markdown: md,
 		inline = false,
 		parseRawHtml = false,
 		additionalPlugins = [],
@@ -38,7 +38,7 @@
 	)}
 >
 	<Markdown
-		md={markdown}
+		{md}
 		plugins={[
 			gfmPlugin(),
 			...(parseRawHtml ? [{ rehypePlugin: rehypeRaw }] : []),

src/routes/+page.svelte

@@ -727,7 +727,7 @@
 										<Button
 											href={release.html_url}
 											target="_blank"
-											class="group mb-4 ml-auto mr-8 font-semibold dark:text-black sm:ml-4 sm:mt-auto"
+											class="group mb-4 ml-auto mr-8 gap-0 font-semibold dark:text-black sm:ml-4 sm:mt-auto"
 										>
 											Open on <img src="/github.svg" alt="GitHub" class="ml-1.5 size-5" />
 											<ArrowUpRight

tailwind.config.ts

@@ -1,5 +1,6 @@
 import type { Config } from "tailwindcss";
 import defaultTheme from "tailwindcss/defaultTheme";
+import typography from "@tailwindcss/typography";
 import tailwindcssAnimate from "tailwindcss-animate";
 
 const config: Config = {
@@ -73,6 +74,15 @@ const config: Config = {
 			fontFamily: {
 				sans: [...defaultTheme.fontFamily.sans]
 			},
+			typography: {
+				DEFAULT: {
+					css: {
+						a: {
+							color: 'theme("colors.primary.DEFAULT")'
+						}
+					}
+				}
+			},
 			keyframes: {
 				"accordion-down": {
 					from: { height: "0" },
@@ -94,7 +104,7 @@ const config: Config = {
 			}
 		}
 	},
-	plugins: [tailwindcssAnimate]
+	plugins: [typography, tailwindcssAnimate]
 };
 
 export default config;