diff --git a/www/src/content/docs/docs/catppuccin/manual.md b/www/src/content/docs/docs/catppuccin/manual.md index 1eb88201..82d1607a 100644 --- a/www/src/content/docs/docs/catppuccin/manual.md +++ b/www/src/content/docs/docs/catppuccin/manual.md @@ -41,6 +41,15 @@ export default defineConfig({ ## Setup Tailwind +There are multiple color options with Catppuccin. This theme defaults to one of the 3 darker themes. The themes in order are + +- Latte (Light) +- Frappe (Light Dark) +- Macchiato (Dark Light) *DEFAULT* +- Mocha (Darkest) + +### To use Default options just call the theme's Node Module + ```ts frame="code" title="tailwind.config.cjs" /** @type {import('tailwindcss').Config} */ module.exports = { @@ -48,6 +57,16 @@ module.exports = { }; ``` +### To use Specific options call the theme's Node Module `/` the color option lowercase + +```ts frame="code" title="tailwind.config.cjs" +/** @type {import('tailwindcss').Config} */ +module.exports = { + // OTHER OPTIONS ARE: `/frappe`, `/macchiato`, or `/mocha` + presets: [require('@matthiesenxyz/astro-ghostcms-catppuccin/latte')] +}; +``` + ## Setup `.env` variables ```ansi frame="code" title=".env"