Add the following element to the <head> of your index.html:
<link rel="stylesheet" href="https://docsify.catppuccin.com/<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.
-
Q: Why are only colors applied?
A: This theme does not apply any non-color styles. This is good because you have more flexibility as you can pick external themes which do affect the layout of the HTML. For example, the docs in this repo use the following theme:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple-dark.css" />
This repository uses Whiskers and Just to generate theme files.
Edit the docsify.tera template, and run just build.
Copyright Β© 2021-present Catppuccin Org