packages/docusaurus/docs/configuration/manifest.mdx
import manifestSchema from '@yarnpkg/docusaurus/static/configuration/manifest.json'; import {themes} from 'prism-react-renderer'; import {JsonDoc} from 'react-json-doc'; import {descriptionRenderer} from '@yarnpkg/docusaurus/src/lib/descriptionRenderer';
<JsonDoc theme={themes.vsDark} descriptionRenderer={descriptionRenderer} extraTheme={{
head: {borderRadius: var(--ifm-code-border-radius), background: #3f6379, color: #ffffff},
container: {borderRadius: var(--ifm-code-border-radius)},
inactiveHeader: {},
activeHeader: {borderRadius: var(--ifm-code-border-radius), background: #3d437c},
annotation: {borderRadius: var(--ifm-code-border-radius), background: #383944, color: #ffffff},
anchor: {scrollMarginTop: 60},
section: {fontFamily: var(--ifm-font-family-monospace)},
identifier: {textDecoration: underline, textUnderlineOffset: 3},
}} data={manifestSchema}/>