diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 9798165..65e3f81 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -100,7 +100,7 @@ const config: Config = {
   ],
   baseUrlIssueBanner: false,
   
-  themes: ['@docusaurus/theme-mermaid'],
+  themes: ['@docusaurus/theme-mermaid', '@docusaurus/theme-live-codeblock'],
 };
 
 export default config;
diff --git a/package.json b/package.json
index f68d372..fd945a5 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@docusaurus/plugin-google-gtag": "^3.5.2",
     "@docusaurus/plugin-sitemap": "^3.5.2",
     "@docusaurus/preset-classic": "^3.5.2",
+    "@docusaurus/theme-live-codeblock": "^3.5.2",
     "@docusaurus/theme-mermaid": "^3.5.2",
     "@mdx-js/react": "^3.0.1",
     "@types/react": "^18.3.3",