Catppuccin for Giscus
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
Catppuccin is included as a theme in Giscus by default. Set the data-theme attribute on your Giscus <script> 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.
- Set the
data-themeattribute on your Giscus<script>tag tohttps://giscus.catppuccin.com/themes/<flavor>.css(where<flavor>is one oflatte,frappe,macchiato, ormocha). For example,data-theme="https://giscus.catppuccin.com/themes/mocha.css". - 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).
Copyright © 2021-present Catppuccin Org