From 626940677223c4d4c6617d8b3d53c62ec713fb9a Mon Sep 17 00:00:00 2001
From: Sosokker <sirinza29@gmail.com>
Date: Wed, 6 Nov 2024 19:59:21 +0700
Subject: [PATCH] fix: invert markdown text color

---
 src/components/MarkdownEditor.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/MarkdownEditor.tsx b/src/components/MarkdownEditor.tsx
index b4c09f1..2a5c30f 100644
--- a/src/components/MarkdownEditor.tsx
+++ b/src/components/MarkdownEditor.tsx
@@ -2,7 +2,6 @@
 
 import "@mdxeditor/editor/style.css";
 import React, { useEffect, useRef, useState } from "react";
-
 import {
   MDXEditor,
   MDXEditorMethods,
@@ -54,9 +53,11 @@ export const MdxEditor: React.FC<MdxEditorProps> = ({ content, setContentInParen
       <MDXEditor
         ref={ref}
         className="dark-theme dark-editor w-full h-48 border rounded-md p-2 overflow-auto resize-none"
-        onChange={(markdownContent) => setMarkdownContent(markdownContent)}
+        onChange={(markdownContent) => {
+          setMarkdownContent(markdownContent);
+        }}
         markdown={markdownContent}
-        contentEditableClassName="prose"
+        contentEditableClassName="prose dark:prose-invert"
         suppressHtmlProcessing={true}
         onError={(error) => {
           console.error("MDXEditor error:", error);