From 84cc97dc783116f17aac5e6ca7e83becb5e006c0 Mon Sep 17 00:00:00 2001
From: shuai <lishuailing@sifou.com>
Date: Fri, 23 May 2025 15:05:15 +0800
Subject: [PATCH] fix: pre tag background color adjustment, remove the
 background color of the quoted content

---
 ui/src/components/Editor/Viewer.tsx | 2 +-
 ui/src/index.scss                   | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/Editor/Viewer.tsx b/ui/src/components/Editor/Viewer.tsx
index 3f41831d..58187a03 100644
--- a/ui/src/components/Editor/Viewer.tsx
+++ b/ui/src/components/Editor/Viewer.tsx
@@ -78,7 +78,7 @@ const Index = ({ value }, ref) => {
     <ImgViewer>
       <div
         ref={previewRef}
-        className="preview-wrap position-relative p-3 bg-light rounded text-break text-wrap mt-2 fmt"
+        className="preview-wrap position-relative p-3 rounded text-break text-wrap mt-2 fmt"
         dangerouslySetInnerHTML={{ __html: html }}
       />
     </ImgViewer>
diff --git a/ui/src/index.scss b/ui/src/index.scss
index 279dbf8e..97aa7b1f 100644
--- a/ui/src/index.scss
+++ b/ui/src/index.scss
@@ -247,17 +247,16 @@ img[src=''] {
     }
   }
   pre {
-    background-color: var(--an-e9ecef);
+    background-color: var(--bs-gray-100);
     border-radius: 0.25rem;
     padding: 1rem;
     max-height: 38rem;
-    white-space: normal;
+    white-space: pre-wrap;
   }
   blockquote {
     border-left: 0.25rem solid #ced4da;
     padding: 1rem;
     color: #6c757d;
-    background-color: var(--an-e9ecef);
     p {
       color: var(--bs-body-color);
     }