Pass themes option to Shiki?

[karlhorky]

Similar to #17 (customization of the Slide container style), it would be nice to also be able to customize the Shiki themes array option, so that a different highlighter can be used:

remdx/packages/vite-plugin-remdx/index.ts

Lines 142 to 147 in fa5802d

	themes: [
	`${
	basename(root) === 'remdx'
	? `/packages/vite-plugin-remdx/`
	: `/node_modules/@nkzw/vite-plugin-remdx/`
	}lib/licht`,

Maybe it makes sense as an option for @nkzw/vite-plugin-remdx?

[karlhorky]

Workaround

Currently, I am using patch-package to patch the node_modules/@nkzw/vite-plugin-remdx/lib/licht.json file to include the theme that I want from the tm-themes package

[cpojer]

Yes, providing the themes as a plugin option to vite-plugin-remdx makes sense. Happy to merge a PR for that.

Keep in mind that the licht.json colors are not actually used directly! It's a bit hacky, but they get swapped for CSS variables named like this: https://github.com/nkzw-tech/remdx/blob/main/packages/vite-plugin-remdx/lib/ColorReplacements.tsx#L4-L46

With this, you can simply define your theme in CSS and overwrite the defaults: https://github.com/nkzw-tech/remdx/blob/main/packages/remdx/style.css#L29-L142

This way your slide deck will look great in light and dark mode.