How to implement a dark/light theme for code highlighting?

[zce]

First of all, this is not a problem that Velite needs to consider.

I can provide you with my practice, but of course I think it's best to write it down in a document.

export default defineConfig({
  markdown: { 
    rehypePlugins: [
      rehypePrettyCode,
      {
        theme: {
          name: 'custom',
          colors: {
            foreground: 'var(--pc-foreground, #c8d3f5)',
            focusBorder: 'var(--pc-focus-border, #82aaff)',
            contrastBorder: 'var(--pc-contrast-border, #15151b)',
          }
        }
      }
    ]
  }
})

[zce]

In addition, because Velite does not invade the runtime, it cannot provide a mechanism to select the theme according to the runtime env.