diff --git a/website/versioned_docs/version-2.0.1/api/themes/theme-configuration.mdx b/website/versioned_docs/version-2.0.1/api/themes/theme-configuration.mdx
index e718c9adf4..90259d7781 100644
--- a/website/versioned_docs/version-2.0.1/api/themes/theme-configuration.mdx
+++ b/website/versioned_docs/version-2.0.1/api/themes/theme-configuration.mdx
@@ -793,7 +793,7 @@ const defaultMagicComments = [
 
 ### Theme {#theme}
 
-By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
+By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
 
 Example configuration:
 
diff --git a/website/versioned_docs/version-2.0.1/guides/markdown-features/markdown-features-code-blocks.mdx b/website/versioned_docs/version-2.0.1/guides/markdown-features/markdown-features-code-blocks.mdx
index 9ca2f574e1..233e964b23 100644
--- a/website/versioned_docs/version-2.0.1/guides/markdown-features/markdown-features-code-blocks.mdx
+++ b/website/versioned_docs/version-2.0.1/guides/markdown-features/markdown-features-code-blocks.mdx
@@ -59,7 +59,7 @@ console.log('Every repo must come with a mascot.');
 
 ### Theming {#theming}
 
-By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
+By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
 
 For example, if you prefer to use the `dracula` highlighting theme:
 
diff --git a/website/versioned_docs/version-2.1.0/api/themes/theme-configuration.mdx b/website/versioned_docs/version-2.1.0/api/themes/theme-configuration.mdx
index e718c9adf4..90259d7781 100644
--- a/website/versioned_docs/version-2.1.0/api/themes/theme-configuration.mdx
+++ b/website/versioned_docs/version-2.1.0/api/themes/theme-configuration.mdx
@@ -793,7 +793,7 @@ const defaultMagicComments = [
 
 ### Theme {#theme}
 
-By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
+By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
 
 Example configuration:
 
diff --git a/website/versioned_docs/version-2.1.0/guides/markdown-features/markdown-features-code-blocks.mdx b/website/versioned_docs/version-2.1.0/guides/markdown-features/markdown-features-code-blocks.mdx
index 9ca2f574e1..233e964b23 100644
--- a/website/versioned_docs/version-2.1.0/guides/markdown-features/markdown-features-code-blocks.mdx
+++ b/website/versioned_docs/version-2.1.0/guides/markdown-features/markdown-features-code-blocks.mdx
@@ -59,7 +59,7 @@ console.log('Every repo must come with a mascot.');
 
 ### Theming {#theming}
 
-By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
+By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
 
 For example, if you prefer to use the `dracula` highlighting theme:
 
diff --git a/website/versioned_docs/version-2.2.0/api/themes/theme-configuration.mdx b/website/versioned_docs/version-2.2.0/api/themes/theme-configuration.mdx
index e718c9adf4..90259d7781 100644
--- a/website/versioned_docs/version-2.2.0/api/themes/theme-configuration.mdx
+++ b/website/versioned_docs/version-2.2.0/api/themes/theme-configuration.mdx
@@ -793,7 +793,7 @@ const defaultMagicComments = [
 
 ### Theme {#theme}
 
-By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
+By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
 
 Example configuration:
 
diff --git a/website/versioned_docs/version-2.2.0/guides/markdown-features/markdown-features-code-blocks.mdx b/website/versioned_docs/version-2.2.0/guides/markdown-features/markdown-features-code-blocks.mdx
index 9ca2f574e1..233e964b23 100644
--- a/website/versioned_docs/version-2.2.0/guides/markdown-features/markdown-features-code-blocks.mdx
+++ b/website/versioned_docs/version-2.2.0/guides/markdown-features/markdown-features-code-blocks.mdx
@@ -59,7 +59,7 @@ console.log('Every repo must come with a mascot.');
 
 ### Theming {#theming}
 
-By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
+By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
 
 For example, if you prefer to use the `dracula` highlighting theme:
 
diff --git a/website/versioned_docs/version-2.3.1/api/themes/theme-configuration.mdx b/website/versioned_docs/version-2.3.1/api/themes/theme-configuration.mdx
index e718c9adf4..90259d7781 100644
--- a/website/versioned_docs/version-2.3.1/api/themes/theme-configuration.mdx
+++ b/website/versioned_docs/version-2.3.1/api/themes/theme-configuration.mdx
@@ -793,7 +793,7 @@ const defaultMagicComments = [
 
 ### Theme {#theme}
 
-By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
+By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
 
 Example configuration:
 
diff --git a/website/versioned_docs/version-2.3.1/guides/markdown-features/markdown-features-code-blocks.mdx b/website/versioned_docs/version-2.3.1/guides/markdown-features/markdown-features-code-blocks.mdx
index 9ca2f574e1..233e964b23 100644
--- a/website/versioned_docs/version-2.3.1/guides/markdown-features/markdown-features-code-blocks.mdx
+++ b/website/versioned_docs/version-2.3.1/guides/markdown-features/markdown-features-code-blocks.mdx
@@ -59,7 +59,7 @@ console.log('Every repo must come with a mascot.');
 
 ### Theming {#theming}
 
-By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
+By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
 
 For example, if you prefer to use the `dracula` highlighting theme:
 
diff --git a/website/versioned_docs/version-2.4.1/api/themes/theme-configuration.mdx b/website/versioned_docs/version-2.4.1/api/themes/theme-configuration.mdx
index e718c9adf4..90259d7781 100644
--- a/website/versioned_docs/version-2.4.1/api/themes/theme-configuration.mdx
+++ b/website/versioned_docs/version-2.4.1/api/themes/theme-configuration.mdx
@@ -793,7 +793,7 @@ const defaultMagicComments = [
 
 ### Theme {#theme}
 
-By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
+By default, we use [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts) as syntax highlighting theme. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes). You may also use a different syntax highlighting theme when the site is in dark mode.
 
 Example configuration:
 
diff --git a/website/versioned_docs/version-2.4.1/guides/markdown-features/markdown-features-code-blocks.mdx b/website/versioned_docs/version-2.4.1/guides/markdown-features/markdown-features-code-blocks.mdx
index bc49367f6f..9addda1597 100644
--- a/website/versioned_docs/version-2.4.1/guides/markdown-features/markdown-features-code-blocks.mdx
+++ b/website/versioned_docs/version-2.4.1/guides/markdown-features/markdown-features-code-blocks.mdx
@@ -59,7 +59,7 @@ console.log('Every repo must come with a mascot.');
 
 ### Theming {#theming}
 
-By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/palenight.js). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
+By default, the Prism [syntax highlighting theme](https://github.com/FormidableLabs/prism-react-renderer#theming) we use is [Palenight](https://github.com/FormidableLabs/prism-react-renderer/blob/master/packages/prism-react-renderer/src/themes/palenight.ts). You can change this to another theme by passing `theme` field in `prism` as `themeConfig` in your docusaurus.config.js.
 
 For example, if you prefer to use the `dracula` highlighting theme: