mirror of
https://github.com/catppuccin/docsify.git
synced 2026-01-09 06:00:44 +08:00

Catppuccin for Docsify
Previews
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
For an interactive preview, visit the docsify website and copy paste this script into the console:
document.head.appendChild(
Object.assign(document.createElement("style"), {
textContent: await fetch(
`https://raw.githubusercontent.com/nik-rev/catppuccin-docsify/refs/heads/main/themes/mocha/mauve.css`,
).then((res) => res.text()),
}),
);
Usage
Add the following element to the <head> of your index.html:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/catppuccin-docsify/<flavor>/<accent>.css"
/>
Replace the <flavor> and <accent> with the ones you would like to see.
You can see a list of all available flavors and accents in the ./themes directory.
Contributing
This repository uses Whiskers to generate theme files.
Edit the docsify.tera template, and run either whiskers docsify.tera or just build (if you have just installed) to update the files in themes/.
💝 Thanks to
Copyright © 2021-present Catppuccin Org
Languages
CSS
100%