Rehype Pretty Code Multiple themes not supported

[jay3332]

https://rehype-pretty-code.netlify.app, scroll down to Multiple themes (dark/light mode)

Rehype Pretty Code allows the specification of multiple themes in rehypePrettyCodeOptions, which generates multiple code blocks for every theme allowing for multiple custom themes.

It appears inline code-blocks are correctly handled, however multiline codeblocks only show one of the themes:

Dark theme (correct behavior):

Light theme (inline code-blocks display properly, however there no light-theme multiline codeblocks are rendered):

Nextra config:

const withNextra = nextra({
  ...
  mdxOptions: {
    rehypePrettyCodeOptions: {
      theme: {
        dark: JSON.parse(readFileSync('./public/syntax/arctis_dark.json', 'utf-8')),
        light: JSON.parse(readFileSync('./public/syntax/arctis_light.json', 'utf-8')),
      },
      getHighlighter: options => getHighlighter({
        ...options,
        langs: [...]
      })
    }
  },
})

[dimaMachina]

pr welcome

[danielmarinq]

Is there expected support for multiple themes since marking #1992 as completed?

[dimaMachina]

in v2 not, in v3 alpha we need update rehype-pretty-code

[dimaMachina]

@danielmarinq available in https://github.com/shuding/nextra/releases/tag/nextra%403.0.0-alpha.17