diff --git a/docusaurus.config.ts b/docusaurus.config.ts index d96f29a1..3074df0b 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -340,7 +340,8 @@ const config: Config = { ], }, prism: { - theme: prismThemes.dracula, + theme: prismThemes.oneLight, + darkTheme: prismThemes.dracula, additionalLanguages: ["hcl", "powershell"], }, image: "/img/og.png", diff --git a/src/components/TextContent/index.tsx b/src/components/TextContent/index.tsx index e60cf658..8d572598 100644 --- a/src/components/TextContent/index.tsx +++ b/src/components/TextContent/index.tsx @@ -8,7 +8,7 @@ const classNames = [ "dark:prose-invert", "lg:prose-lg", - "max-w-full md:max-w-prose", + "max-w-full", "text-gray-900", "dark:text-gray-100", @@ -23,7 +23,12 @@ const classNames = [ "dark:prose-hr:border-gray-800", //
-  "prose-pre:bg-blue-900",
+  "dark:prose-pre:bg-blue-900",
+  "dark:prose-pre:border-none",
+  "prose-pre:bg-gray-50",
+  "prose-pre:border",
+  "prose-pre:border-gray-200",
+  "prose-pre:rounded-none",
 
   // 
   "prose-code:px-1.5",
diff --git a/src/css/custom.css b/src/css/custom.css
index c410d7f0..2caa062f 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -58,12 +58,14 @@ html[data-theme="dark"] {
   --ifm-color-primary: theme("colors.brand.500");
   --ifm-background-color: theme("colors.blue.950");
   --ifm-font-color-base: theme("colors.gray.50");
+  --prism-background-color: theme("colors.gray.900");
 }
 
 html[data-theme="light"] {
   --ifm-color-primary: theme("colors.brand.700");
   --ifm-background-color: theme("colors.gray.50");
   --ifm-font-color-base: theme("colors.gray.900");
+  --prism-background-color: theme("colors.gray.100");
 }
 
 body {
@@ -118,4 +120,4 @@ body {
 
 h1 {
   text-wrap: balance;
-}
\ No newline at end of file
+}
diff --git a/src/pages/manifesto.tsx b/src/pages/manifesto.tsx
index b39f376a..19566a45 100644
--- a/src/pages/manifesto.tsx
+++ b/src/pages/manifesto.tsx
@@ -18,7 +18,7 @@ export default function Manifesto() {
       
         The OpenTofu Manifesto
       
-      
+      
         

Terraform was open-sourced in 2014 under the Mozilla Public License (v2.0) (the “MPL”). Over the next ~9 years, it built up a community diff --git a/src/theme/CodeBlock/Container/styles.module.css b/src/theme/CodeBlock/Container/styles.module.css index 5beb153c..73ef3900 100644 --- a/src/theme/CodeBlock/Container/styles.module.css +++ b/src/theme/CodeBlock/Container/styles.module.css @@ -4,6 +4,4 @@ background: var(--prism-background-color); color: var(--prism-color); margin-bottom: var(--ifm-leading); - box-shadow: var(--ifm-global-shadow-lw); - border-radius: var(--ifm-code-border-radius); } diff --git a/src/theme/CodeBlock/Content/String.js b/src/theme/CodeBlock/Content/String.js index b7152135..dd270de3 100644 --- a/src/theme/CodeBlock/Content/String.js +++ b/src/theme/CodeBlock/Content/String.js @@ -84,7 +84,6 @@ export default function CodeBlockString({ tabIndex={0} ref={wordWrap.codeBlockRef} className={clsx(className, styles.codeBlock, "thin-scrollbar")} - style={style} role="code" aria-label="Code Block" > diff --git a/src/theme/CodeBlock/Content/styles.module.css b/src/theme/CodeBlock/Content/styles.module.css index 6dc2d0a7..06d0469c 100644 --- a/src/theme/CodeBlock/Content/styles.module.css +++ b/src/theme/CodeBlock/Content/styles.module.css @@ -4,7 +4,6 @@ position: relative; /* rtl:ignore */ direction: ltr; - border-radius: inherit; } .codeBlockTitle { @@ -65,7 +64,6 @@ background: var(--prism-background-color); color: var(--prism-color); border: 1px solid var(--ifm-color-emphasis-300); - border-radius: var(--ifm-global-radius); padding: 0.4rem; line-height: 0; transition: opacity var(--ifm-transition-fast) ease-in-out;