https://github.com/catppuccin/chroma
🐱 Soothing pastel theme for Chroma
https://github.com/catppuccin/chroma
catppuccin chroma hacktoberfest hugo theme
Last synced: 3 months ago
JSON representation
🐱 Soothing pastel theme for Chroma
- Host: GitHub
- URL: https://github.com/catppuccin/chroma
- Owner: catppuccin
- License: mit
- Created: 2023-07-05T15:55:36.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-19T00:24:38.000Z (6 months ago)
- Last Synced: 2025-04-19T10:01:42.301Z (6 months ago)
- Topics: catppuccin, chroma, hacktoberfest, hugo, theme
- Language: Just
- Homepage:
- Size: 1.72 MB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Catppuccin for Chroma
## Previews
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
## Usage
### Chroma CLI
#### CSS Styles
- Specify the output format as `html` when invoking `chroma` with `chroma -f html`.
- Clear out the styles from the generated output, i.e. delete everything in between the opening and closing `` tags.
- Then just copy and paste the contents of `dist/{flavor}-chroma-style.css` in 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.xml` when invoking `chroma` with the `-s` flag.
### Hugo 🛠️
- Set `markup.highlight.noClasses` to `false` in your Hugo config.
- Include the desired stylesheet — `dist/{flavor}-chroma-style.css` in your layouts, e.g. in a `head` partial to make it available on all pages.
## 💝 Thanks to
- [Aniket Teredesai](https://github.com/icy-comet)
- [JSS Project](https://github.com/cssinjs/jss)
<p align="center">
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" />
</p>
<p align="center">
Copyright © 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>
</p>
<p align="center">
<a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>
</p>