From 2c01d9bea8e51ad1407daa80d6bb972afb5ef161 Mon Sep 17 00:00:00 2001
From: Kuizuo <hi@kuizuo.cn>
Date: Sun, 4 Aug 2024 00:58:32 +0800
Subject: [PATCH] fix: improve readability of MDX pages in dark mode

---
 src/theme/MDXPage/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/theme/MDXPage/index.tsx b/src/theme/MDXPage/index.tsx
index 035c1d94..ca60538d 100644
--- a/src/theme/MDXPage/index.tsx
+++ b/src/theme/MDXPage/index.tsx
@@ -22,7 +22,7 @@ export default function MDXPage(props: Props): JSX.Element {
       <Layout>
         <main className="container--fluid margin-vert--lg container">
           <div className={cn('row', styles.mdxPageWrapper)}>
-            <div className={cn('col prose', 'col--8')}>
+            <div className={cn('col prose dark:prose-invert', 'col--8')}>
               <MDXContent>
                 <MDXPageContent />
               </MDXContent>