From 5b4ce3416332fa0b4aa62600893881caf9af75ff Mon Sep 17 00:00:00 2001
From: Leni Aniva <v@leni.sh>
Date: Wed, 16 Oct 2024 17:04:54 -0700
Subject: [PATCH] fix: Set tw prose colours

---
 tailwind.config.ts | 77 ++++++++++++++++++++++------------------------
 1 file changed, 36 insertions(+), 41 deletions(-)

diff --git a/tailwind.config.ts b/tailwind.config.ts
index 7a0263f..cbe2c08 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -121,57 +121,52 @@ const config: Config = {
 					maxWidth: "100%",
 				};
 				const themeTokiwa = {
-					h1: {
-						color: theme('colors.eucalyptus.700'),
-					},
-					h2: {
-						color: theme('colors.eucalyptus.700'),
-					},
-					h3: {
-						color: theme('colors.eucalyptus.800'),
-					},
-					h4: {
-						color: theme('colors.eucalyptus.800'),
-					},
+					'--tw-prose-body': theme('colors.gray.900'),
+					'--tw-prose-headings': theme('colors.eucalyptus.700'),
+					'--tw-prose-lead': theme('colors.eucalyptus.400'),
+					'--tw-prose-links': theme('colors.eucalyptus.400'),
+					'--tw-prose-bold': theme('colors.eucalyptus.800'),
+					'--tw-prose-counters': theme('colors.gray.900'),
+					'--tw-prose-bullets': theme('colors.java.900'),
+					'--tw-prose-hr': theme('colors.gray.600'),
+					'--tw-prose-quotes': theme('colors.gray.900'),
+					'--tw-prose-quote-borders': theme('colors.eucalyptus.700'),
+					'--tw-prose-captions': theme('colors.gray.800'),
+					'--tw-prose-code': theme('colors.sunglow.900'),
+					'--tw-prose-pre-code': theme('colors.gray.500'),
+					'--tw-prose-pre-bg': theme('colors.gray.500'),
+					'--tw-prose-th-borders': theme('colors.gray.500'),
+					'--tw-prose-td-borders': theme('colors.gray.500'),
 					a: {
 						color: theme('colors.eucalyptus.400'),
-						"&:focus": {
+						"&:hover, &:focus": {
 							color: theme('colors.java.500'),
 						},
 					},
-					blockquote: {
-						color: theme('colors.gray.800'),
-					},
-					code: {
-						color: theme('colors.gray.800'),
-					},
 				};
 				const themeStar = {
-					color: theme('colors.gray.200'),
-					h1: {
-						color: theme('colors.eucalyptus.300'),
-					},
-					h2: {
-						color: theme('colors.eucalyptus.300'),
-					},
-					h3: {
-						color: theme('colors.eucalyptus.200'),
-					},
-					h4: {
-						color: theme('colors.eucalyptus.200'),
-					},
+					'--tw-prose-body': theme('colors.gray.400'),
+					'--tw-prose-headings': theme('colors.eucalyptus.500'),
+					'--tw-prose-lead': theme('colors.eucalyptus.400'),
+					'--tw-prose-links': theme('colors.eucalyptus.500'),
+					'--tw-prose-bold': theme('colors.eucalyptus.100'),
+					'--tw-prose-counters': theme('colors.gray.100'),
+					'--tw-prose-bullets': theme('colors.java.100'),
+					'--tw-prose-hr': theme('colors.gray.400'),
+					'--tw-prose-quotes': theme('colors.gray.100'),
+					'--tw-prose-quote-borders': theme('colors.eucalyptus.300'),
+					'--tw-prose-captions': theme('colors.gray.200'),
+					'--tw-prose-code': theme('colors.sunglow.100'),
+					'--tw-prose-pre-code': theme('colors.gray.500'),
+					'--tw-prose-pre-bg': theme('colors.gray.500'),
+					'--tw-prose-th-borders': theme('colors.gray.500'),
+					'--tw-prose-td-borders': theme('colors.gray.500'),
 					a: {
-						color: theme('colors.eucalyptus.500'),
-						"&:focus": {
-							color: theme('colors.java.500'),
+						color: theme('colors.eucalyptus.300'),
+						"&:hover, &:focus": {
+							color: theme('colors.java.400'),
 						},
 					},
-					blockquote: {
-						color: theme('colors.gray.300'),
-					},
-					code: {
-						color: theme('colors.gray.300'),
-					},
 				};
 
 				return {