My shiki Dark/Light Dual themes not work, what should I do ?

[nibazshab]

I have configured the following according to https://shiki.style/guide/dual-themes

    shikiPlugin({
      langs: [
        // 'LANGS',
      ],
      themes: {
        light: 'github-light',
        dark:'github-dark-dimmed'
      },
    },)

Still, can only show the light theme.

• index.scss

div[class*='language-']::before {
  display: none;
}

:root {
  --c-brand: #087ea4;
  --c-brand-light: #066583;

  --c-bg-light: #f6f8fa;
  --c-text-lighter: #ff4c0f;

  --code-bg-color: #eff1f3;
  --code-hl-bg-color: rgba(0, 0, 0, 0.07);
  --code-ln-color: #c1c1c1;
}

html.dark {
  --code-bg-color: #282c34;
  --code-hl-bg-color: rgba(0, 0, 0, 0.66);
  --code-ln-color: #9e9e9e;
}

[Mister-Hope]

Can you deploy a reproduction somewhere?

https://theme-hope.vuejs.press is using shiki with dual themes, and everything is working fine.

[nibazshab]

here is: https://github.com/nibazshab/nibazshab.github.io. see: https://nibazshab.github.io

[Mister-Hope]

Have you added these classes:

https://shiki.style/guide/dual-themes#class-based-dark-mode

[nibazshab]

No. Now I write them into index.scss, everything is well. Thank you.

[Mister-Hope]

The default theme is using prismjs, so we are not injecting these styles.