style: 💄 调整背景色与文字颜色，降低对比度

Author: codexu

src/app/core/article/md-editor.tsx

@@ -379,7 +379,7 @@ export function MdEditor() {
     setContent(currentArticle)
   }, [currentArticle])
 
-  return <div className='flex-1 h-screen flex flex-col overflow-hidden'>
+  return <div className='flex-1 h-screen flex flex-col overflow-hidden dark:bg-zinc-950'>
     {
       editor && <CustomToolbar editor={editor} />
     }

src/app/core/article/style.scss

@@ -1,5 +1,9 @@
 .vditor {
   @apply border-none;
+
+  pre {
+    @apply dark:bg-zinc-950 !important;
+  }
 }
 
 .vditor-toolbar{
@@ -28,7 +32,7 @@
 
 .vditor--dark .vditor-reset{
   h1, h2, h3, h4, h5, h6, p, span, li {
-    color: #fff !important;
+    @apply text-zinc-100 !important;
   }
 }
 

src/app/core/record/chat/index.tsx

@@ -5,7 +5,7 @@ import ChatContent from "./chat-content";
 import { ClipboardListener } from "./clipboard-listener";
 
 export default function Chat() {
-  return <div className="flex flex-col flex-1 relative overflow-x-hidden items-center h-screen overflow-hidden">
+  return <div className="flex flex-col flex-1 relative overflow-x-hidden items-center h-screen overflow-hidden dark:bg-zinc-950">
     <ChatHeader />
     <ChatContent />
     <ClipboardListener />