Catppuccin for UnoCSS
🌸 Soothing pastel colour theme preset for UnoCSS!
Important
You're currently viewing the main branch, which can have unpublished and changed API.
npm install -D unocss-catppuccin
# or
pnpm add -D unocss-catppuccin
# or
yarn add -D unocss-catppuccinAfter adding the preset to UnoCSS configuration file,
// uno.config.ts
import { defineConfig } from 'unocss';
import presetWind4 from '@unocss/preset-wind4';
import presetCatppuccin from 'unocss-catppuccin';
export default defineConfig({
presets: [
/*
A preset with CSS utilities must be used for this preset
to extend its colours in `extend` mode option, which is
the default.
*/
presetWind4(),
presetCatppuccin(/* options */),
],
});you can now use Catppucin colours!
<div class="bg-ctp-latte-base">
<span class="text-ctp-latte-mauve">Hello</span>
<span class="text-ctp-latte-lavender">Catppuccin!</span>
</div>You can check the documentation here.
This project is licenced under Mozilla Public License Version 2.0.