Use Prism themes with CSS vars to avoid flashing on the initial page load.
npm install prism-react-renderer-vars
Use in Docusaurus:
const {light, dark} = require('prism-react-renderer-vars/themes/vs')
/** @type {import('@docusaurus/types').DocusaurusConfig} */
module.exports = {
themeConfig: {
prism: {
theme: light,
darkTheme: dark,
},
},
clientModules: [
require.resolve('prism-react-renderer-vars/themes/vs.css')
],
}