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 jsdelivr */
@import url('https://cdn.jsdelivr.net/npm/@catppuccin/palette/css/catppuccin.css');

/* alternatively via unpkg */
@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