Catppuccin themes for React syntax highlighter.
Install react-syntax-highlighter-catppuccin
with your preferred package-manager.
pnpm i -D react-syntax-highlighter-catppuccin
After import your preferred theme.
import latte from 'react-syntax-highlighter-catppuccin/latte';
import macchiato from 'react-syntax-highlighter-catppuccin/macchiato';
import frappe from 'react-syntax-highlighter-catppuccin/frappe';
import mocha from 'react-syntax-highlighter-catppuccin/mocha';
and use inside your component.
<ReactSyntaxHighlighter
// ...
style={macchiato} // or any different flavor
>