From 2054893e20dcfa47b06a9ffa410153703d4088d8 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Fri, 23 Jun 2023 23:03:21 +0900
Subject: [PATCH] refactor: use global css for code block

---
 packages/logos-docusaurus-theme/src/client/prism/dark-theme.ts  | 2 +-
 packages/logos-docusaurus-theme/src/client/prism/light-theme.ts | 2 +-
 .../src/client/theme/CodeBlock/Content/styles.module.css        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/prism/dark-theme.ts b/packages/logos-docusaurus-theme/src/client/prism/dark-theme.ts
index 843e159..161b9d0 100644
--- a/packages/logos-docusaurus-theme/src/client/prism/dark-theme.ts
+++ b/packages/logos-docusaurus-theme/src/client/prism/dark-theme.ts
@@ -5,7 +5,7 @@ const theme: PrismTheme = {
   ...dracula,
   plain: {
     ...dracula.plain,
-    backgroundColor: 'rgba(255, 255, 255, 0.08)',
+    backgroundColor: 'rgba(var(--lsd-surface-secondary), 0.08)',
   },
 }
 
diff --git a/packages/logos-docusaurus-theme/src/client/prism/light-theme.ts b/packages/logos-docusaurus-theme/src/client/prism/light-theme.ts
index b4bb272..e9a7a16 100644
--- a/packages/logos-docusaurus-theme/src/client/prism/light-theme.ts
+++ b/packages/logos-docusaurus-theme/src/client/prism/light-theme.ts
@@ -5,7 +5,7 @@ const theme: PrismTheme = {
   ...vsLight,
   plain: {
     ...vsLight.plain,
-    backgroundColor: 'rgba(0, 0, 0, 0.08)',
+    backgroundColor: 'rgba(var(--lsd-surface-secondary), 0.08)',
   },
 }
 
diff --git a/packages/logos-docusaurus-theme/src/client/theme/CodeBlock/Content/styles.module.css b/packages/logos-docusaurus-theme/src/client/theme/CodeBlock/Content/styles.module.css
index c362641..d41b1b1 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/CodeBlock/Content/styles.module.css
+++ b/packages/logos-docusaurus-theme/src/client/theme/CodeBlock/Content/styles.module.css
@@ -4,7 +4,7 @@
 }
 
 .codeBlockTitle {
-  background: rgba(var(--lsd-theme-primary), 0.08);
+  background: var(--prism-background-color);
   border-bottom: 1px solid var(--ifm-color-primary);
   font-size: var(--ifm-code-font-size);
   font-weight: 500;