feat: update code block theming

flanksource · May 29, 2024 · d2e6dc0 · d2e6dc0
1 parent d7d9ee6
commit d2e6dc0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/common/src/css/custom.css b/common/src/css/custom.css
@@ -3,6 +3,11 @@
 
 :root {
   --docsearch-hit-active-color: blue;
+  --docusaurus-highlighted-code-line-bg: rgb(229, 229, 229);
+}
+
+[data-theme='dark'] {
+  --docusaurus-highlighted-code-line-bg: rgb(53, 53, 53);
 }
 
 .step-anchor{

diff --git a/mission-control/docusaurus.config.js b/mission-control/docusaurus.config.js
@@ -51,8 +51,8 @@ import { fileURLToPath } from 'url';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
-// import PrismLight from './src/prismLight';
-// import PrismDark from './src/prismDark';
+import PrismLight from './src/prismLight.ts';
+import PrismDark from './src/prismDark.ts';
 
 /** @type {import('@docusaurus/types').Config} */
 export default async function createConfigAsync() {
@@ -265,16 +265,10 @@ export default async function createConfigAsync() {
           style: 'dark',
           copyright: `Copyright © ${new Date().getFullYear()} Flanksource Inc.`
         },
-
-        // prism: {
-        //   theme: PrismLight,
-        //   darkTheme: PrismDark,
-        // },
-        // prism: {
-        //   additionalLanguages: ['powershell'],
-        //   // darkTheme: themes.palenight,
-        //   // theme: themes.dracula
-        // }
+        prism: {
+          theme: PrismLight,
+          darkTheme: PrismDark,
+        },
       })
   }
 }