Catppuccin for Giscus

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

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, 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, https://giscus.catppuccin.com/themes/mocha-blue.css.

Tip

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

 

Copyright © 2021-present Catppuccin Org