diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.js b/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.js index d50872b797..d8febc0efc 100644 --- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.js +++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.js @@ -12,6 +12,8 @@ import defaultTheme from 'prism-react-renderer/themes/palenight'; import Clipboard from 'clipboard'; import rangeParser from 'parse-numeric-range'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; +import useThemeContext from '@theme/hooks/useThemeContext'; + import styles from './styles.module.css'; const highlightLinesRangeRegex = /{([\d,-]+)}/; @@ -26,6 +28,9 @@ export default ({children, className: languageClassName, metastring}) => { const target = useRef(null); const button = useRef(null); let highlightLines = []; + const {theme} = useThemeContext(); + const prismTheme = + theme === 'dark' ? prism.darkTheme : prism.theme || defaultTheme; if (metastring && highlightLinesRangeRegex.test(metastring)) { const highlightLinesRange = metastring.match(highlightLinesRangeRegex)[1]; @@ -65,7 +70,7 @@ export default ({children, className: languageClassName, metastring}) => { return ( {({className, style, tokens, getLineProps, getTokenProps}) => ( diff --git a/packages/docusaurus-theme-classic/src/theme/Layout/index.js b/packages/docusaurus-theme-classic/src/theme/Layout/index.js index dbb37521da..2cbcaa6c9c 100644 --- a/packages/docusaurus-theme-classic/src/theme/Layout/index.js +++ b/packages/docusaurus-theme-classic/src/theme/Layout/index.js @@ -9,6 +9,8 @@ import React from 'react'; import Head from '@docusaurus/Head'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import useBaseUrl from '@docusaurus/useBaseUrl'; + +import ThemeProvider from '@theme/ThemeProvider'; import Navbar from '@theme/Navbar'; import Footer from '@theme/Footer'; @@ -37,8 +39,9 @@ function Layout(props) { const metaImage = image || defaultImage; const metaImageUrl = siteUrl + useBaseUrl(metaImage); const faviconUrl = useBaseUrl(favicon); + return ( - <> + {/* TODO: Do not assume that it is in english language */} @@ -66,7 +69,7 @@ function Layout(props) {
{children}
{!noFooter &&