fix(widget): code block colors

pingcap · Sep 12, 2024 · d9c767a · d9c767a
1 parent 871ce1c
commit d9c767a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 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
@@ -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
@@ -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;
     }