From 5aec2ec3232a8864428bb6b6c66c16911ec5b813 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Tue, 13 May 2025 16:27:46 +0800
Subject: [PATCH] refactor(mdx-render): simplify theme configuration and change
 export style

- Remove custom Monaco theme imports
- Use github default themes for rehypePrettyCode
- Change component export from default to named export
---
 src/components/content/mdx-renderer.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/content/mdx-renderer.tsx b/src/components/content/mdx-renderer.tsx
index 1e8ff1b..74b91ef 100644
--- a/src/components/content/mdx-renderer.tsx
+++ b/src/components/content/mdx-renderer.tsx
@@ -1,8 +1,4 @@
 import "@/styles/mdx.css";
-import {
-  DefaultDarkThemeConfig,
-  DefaultLightThemeConfig,
-} from "@/config/monaco-theme";
 import { cn } from "@/lib/utils";
 import "katex/dist/katex.min.css";
 import remarkGfm from "remark-gfm";
@@ -17,7 +13,7 @@ interface MdxRendererProps {
   className?: string;
 }
 
-const MdxRenderer = ({ source, className }: MdxRendererProps) => {
+export const MdxRenderer = ({ source, className }: MdxRendererProps) => {
   return (
     <article className={cn("markdown-body", className)}>
       <MDXRemote
@@ -30,8 +26,8 @@ const MdxRenderer = ({ source, className }: MdxRendererProps) => {
                 rehypePrettyCode,
                 {
                   theme: {
-                    light: DefaultLightThemeConfig.id,
-                    dark: DefaultDarkThemeConfig.id,
+                    light: "github-light-default",
+                    dark: "github-dark-default",
                   },
                   keepBackground: false,
                 },
@@ -45,5 +41,3 @@ const MdxRenderer = ({ source, className }: MdxRendererProps) => {
     </article>
   );
 };
-
-export { MdxRenderer };