Brighten single post typography in dark mode

app/blog/[slug]/page.tsx

@@ -40,7 +40,7 @@ export default function BlogPostPage({ params }: Props) {
         <aside className="hidden w-56 shrink-0 lg:block">
           <PostToc />
         </aside>
-        <article className="prose max-w-none flex-1">
+        <article className="prose prose-slate max-w-none flex-1 dark:prose-dark">
           <h1>{post.title}</h1>
           {post.feature_image && (
             // feature_image is stored as "../assets/xyz", serve from "/assets/xyz"

tailwind.config.js

@@ -41,13 +41,19 @@ module.exports = {
         },
         dark: {
           css: {
-            color: theme('colors.slate.100'),
+            color: theme('colors.slate.50'),
             a: {
               color: theme('colors.blue.400'),
               '&:hover': {
                 color: theme('colors.blue.300')
               }
             },
+            h1: {
+              color: theme('colors.slate.50')
+            },
+            h2: {
+              color: theme('colors.slate.50')
+            },
             blockquote: {
               borderLeftColor: theme('colors.blue.500'),
               backgroundColor: theme('colors.slate.900')