Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/catppuccin/highlightjs
🚨 Soothing pastel theme for Highlight.js
https://github.com/catppuccin/highlightjs
catppuccin hacktoberfest highlightjs pastel syntax-highlighting theme
Last synced: 3 days ago
JSON representation
🚨 Soothing pastel theme for Highlight.js
- Host: GitHub
- URL: https://github.com/catppuccin/highlightjs
- Owner: catppuccin
- License: mit
- Created: 2022-06-19T16:52:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-07T17:01:45.000Z (9 months ago)
- Last Synced: 2024-05-12T17:03:27.596Z (8 months ago)
- Topics: catppuccin, hacktoberfest, highlightjs, pastel, syntax-highlighting, theme
- Language: SCSS
- Homepage: https://catppuccin.github.io/highlightjs/
- Size: 157 KB
- Stars: 47
- Watchers: 4
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-starred - catppuccin/highlightjs - 🚨 Soothing pastel theme for Highlight.js (SCSS)
- awesome-starred - catppuccin/highlightjs - 🚨 Soothing pastel theme for Highlight.js (SCSS)
README
Catppuccin for Highlight.js
## Previews
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
## Usage
Add the CSS for your preferred flavor in your markup. You can do this by either getting the files from npm, or through a CDN.
### npm
Install the `@catppuccin/highlightjs` package with your preferred package manager.
```bash
npm install -D @catppuccin/highlightjs
```
You can then use the files in `@catppuccin/highlightjs/css` or `@catppuccin/highlightjs/sass`.
### CDN
Embed the [Highlight.js script](https://highlightjs.org/download/) along with one of our themes.
> [!NOTE]
> The "variable version" assumes that you have a flavor of Catppuccin already present in your CSS variables, in any format of color (e.g. `--ctp-mauve: rgb(136, 57, 239)`, `--ctp-mauve: #8839ef`, `--ctp-mauve: hsl(266deg, 85%, 58%)`, etc).
> If you use [Catppuccin for TailwindCSS](https://github.com/catppuccin/tailwindcss), where your variables are in the format of three comma-separated RGB
> values (e.g. `--ctp-mauve: 136,57,239`), you should use the "rgb variable" version.
#### unpkg
```html
```
#### jsDelivr
```html
```
## 💝 Thanks to
- [Andreas Grafen](https://github.com/andreasgrafen)
- [winston](https://github.com/nekowinston)
Copyright © 2021-present Catppuccin Org
