Improve contrast of code blocks in docs (langchain-ai#1815)

* Tweak code block colors in docs * Formatting
shanghaikid · Jun 30, 2023 · 9a69650 · 9a69650
1 parent 89b1d8c
commit 9a69650
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
@@ -8,6 +8,9 @@ const path = require("path");
 
 const examplesPath = path.resolve(__dirname, "..", "examples", "src");
 
+const baseLightCodeBlockTheme = require("prism-react-renderer/themes/vsLight");
+const baseDarkCodeBlockTheme = require("prism-react-renderer/themes/vsDark");
+
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: "🦜️🔗 Langchain",
@@ -130,8 +133,20 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       prism: {
-        theme: require("prism-react-renderer/themes/vsLight"),
-        darkTheme: require("prism-react-renderer/themes/vsDark"),
+        theme: {
+          ...baseLightCodeBlockTheme,
+          plain: {
+            ...baseLightCodeBlockTheme.plain,
+            backgroundColor: "#F5F5F5",
+          },
+        },
+        darkTheme: {
+          ...baseDarkCodeBlockTheme,
+          plain: {
+            ...baseDarkCodeBlockTheme.plain,
+            backgroundColor: "#222222",
+          },
+        },
       },
       image: "img/parrot-chainlink-icon.png",
       navbar: {