catppuccin-palette/docs/css.md

Catppuccin for CSS

Import the palettes:

/* if you have it installed via NPM & a CSS loader configured */
@import "@catppuccin/palette/style";

/* alternatively via unpkg.com */
@import url('https://unpkg.com/@catppuccin/palette/css/catppuccin.css');

Then use them:

.my-div {
  color:        var(--ctp-mocha-text);
  background:   rgba(var(--ctp-macchiato-base-rgb) / 0.9);
  border-color: hsla(var(--ctp-frappe-red-hsl) / 0.75);
}

 

Copyright © 2021-present Catppuccin Org