Catppuccin for Prism.js
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
Note
The theme does not contain styling for the layout/padding of the highlighted code.
Include the theme/stylesheet (https://prismjs.catppuccin.com/<flavor>.css) in your page. For example:
<!DOCTYPE html>
<html>
<head>
...
<link href="//prismjs.catppuccin.com/mocha.css" rel="stylesheet" />
</head>
<body>
...
<script src="prism.js"></script>
</body>
</html># due to prismjs & this repository having the same name, an alias is used
yarn add catppuccin-prismjs@https://github.com/catppuccin/prismjs.git@import "catppuccin-prismjs/themes/macchiato";
// Apply the theme only to selector
main {
@import "catppuccin-prismjs/themes/latte";
}Depending on your scss config, you might have to use "node_modules/catppuccin-prismjs/themes/macchiato";
Copyright © 2021-present Catppuccin Org
