<div className="mx-auto max-w-4xl"> <div className="text-gray-900 dark:text-gray-100"> <MarkdownPreview source={articleGet.content} className="text-gray-900 dark:text-gray-100 bg-transparent" // style={{ padding: 16, backgroundColor: 'transparent', color: 'inherit', }} components={{ code: ({ node, inline, className, children, ...props }) => { // Preserve dark code background return inline ? ( <code className={`bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100 px-1 py-0.5 rounded ${className}`} {...props} > {children} </code> ) : ( <pre className="bg-gray-900 text-gray-100 p-4 rounded overflow-x-auto"> <code {...props}>{children}</code> </pre> ); }, }} /> </div> </div> Hi, currently the code deosn't respect any text color settings <img width="495" height="139" alt="Image" src="https://github.com/user-attachments/assets/ddc53c05-ce35-48d7-9c0b-eeb7a9cae19b" /> any help? my porject has it's own light / dark switch usign tailwindcss, seems Makdownpreview can not utotiamcally adop for it