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
