From d9c767aa339286e1bd54e95d39b2993d2783f68b Mon Sep 17 00:00:00 2001
From: Jagger <634750802@qq.com>
Date: Thu, 12 Sep 2024 13:17:32 +0800
Subject: [PATCH] fix(widget): code block colors

---
 .../widget-react/src/overrides/components/code-theme.scss       | 2 +-
 .../src/overrides/components/remark-content/style.scss          | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/packages/widget-react/src/overrides/components/code-theme.scss b/frontend/packages/widget-react/src/overrides/components/code-theme.scss
index 6d030cc8..0504812d 100644
--- a/frontend/packages/widget-react/src/overrides/components/code-theme.scss
+++ b/frontend/packages/widget-react/src/overrides/components/code-theme.scss
@@ -135,7 +135,7 @@
 
   }
 
-  .dark {
+  &.dark {
     pre code.hljs {
       display: block;
       overflow-x: auto;
diff --git a/frontend/packages/widget-react/src/overrides/components/remark-content/style.scss b/frontend/packages/widget-react/src/overrides/components/remark-content/style.scss
index 893c4e2b..d7ff90c4 100644
--- a/frontend/packages/widget-react/src/overrides/components/remark-content/style.scss
+++ b/frontend/packages/widget-react/src/overrides/components/remark-content/style.scss
@@ -26,6 +26,7 @@
 
     pre > code.hljs {
       background-color: #fafafa;
+      color: #24292e;
     }
 
     pre:has(> code:not(.hljs)) {
@@ -40,6 +41,7 @@
   .dark .remark-content {
     pre > code.hljs {
       background-color: #18181b;
+      color: #c9d1d9;
     }