https://github.com/catppuccin/giscus
💬 Soothing pastel theme for Giscus
https://github.com/catppuccin/giscus
catppuccin giscus hacktoberfest theme
Last synced: 4 months ago
JSON representation
💬 Soothing pastel theme for Giscus
- Host: GitHub
- URL: https://github.com/catppuccin/giscus
- Owner: catppuccin
- License: mit
- Created: 2024-03-20T11:02:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-18T17:52:20.000Z (9 months ago)
- Last Synced: 2025-04-06T21:35:00.520Z (7 months ago)
- Topics: catppuccin, giscus, hacktoberfest, theme
- Language: Less
- Homepage:
- Size: 907 KB
- Stars: 10
- Watchers: 3
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Catppuccin for Giscus
## Previews
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
## Usage
Catppuccin is included as a theme in Giscus by default. Set the `data-theme` attribute on your Giscus `` tag to `catppuccin_<flavor>`, where `<flavor>` is one of `latte`, `frappe`, `macchiato`, or `mocha`. For example, `data-theme="catppuccin_mocha"`. This method does not support accent color customization.
> [!TIP]
> You can preview the Catppuccin themes (and others) by selecting them in the Giscus website's theme selector: https://giscus.app/#theme.
Alternatively, you can set the theme directly to the ones in this repository, which additionally supports accent color customization.
1. Set the `data-theme` attribute on your Giscus `<script>` tag to `https://giscus.catppuccin.com/themes/<flavor>.css` (where `<flavor>` is one of `latte`, `frappe`, `macchiato`, or `mocha`). For example, `data-theme="https://giscus.catppuccin.com/themes/mocha.css"`.
2. To use a custom accent, add `-<accent>` (where `<accent>` is an accent color of the palette) after the name of the flavor. For example, `data-theme="https://giscus.catppuccin.com/themes/mocha-blue.css"`.
> [!NOTE]
> If you don't want the Pepperjack loading spinner, add `-no-loader` after the name of the flavor/accent: `https://giscus.catppuccin.com/themes/<flavor>-no-loader.css` (or `https://giscus.catppuccin.com/themes/<flavor>-<accent>-no-loader.css` with a custom accent).
## 💝 Thanks to
- [uncenter](https://github.com/uncenter)
<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>