mirror of
https://github.com/catppuccin/chroma.git
synced 2026-01-09 05:40:45 +08:00
a6e92f63c1
* refactor: use single whiskers template for both output formats * fix: extra spacing * style: yaml indentation * something something save it * feat: the rest of the classes/tokens * fix: support bold/italic/underline styles * fix: misc * fix: optional color * refactor: clean up template * fix: use array of styles for xml * chore: delete old templates
Catppuccin for Chroma
Previews
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
Usage
Chroma CLI
CSS Styles
- Specify the output format as
htmlwhen invokingchromawithchroma -f html. - Clear out the styles from the generated output, i.e. delete everything in between the opening and closing
<style>tags. - Then just copy and paste the contents of
dist/{flavor}-chroma-style.cssin the cleared space. - You might need to adjust the body's text and background color yourself.
XML Styles
- Specify the path (on your device) to the
dist/{flavor}-chroma-style.xmlwhen invokingchromawith the-sflag.
Hugo 🛠️
- Set
markup.highlight.noClassestofalsein your Hugo config. - Include the desired stylesheet —
dist/{flavor}-chroma-style.cssin your layouts, e.g. in aheadpartial to make it available on all pages.
💝 Thanks to
Copyright © 2021-present Catppuccin Org
