gaiety/catppuccin-css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

corrections to README

Browse source
This commit is contained in:
Ava Gaiety W 2025-06-09 13:34:18 -06:00
parent 4cbd8618e1
commit 01ecbb54f8
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
README.md
View file

@ -3,7 +3,9 @@
   
</h3> </h3>
![](./assets/preview.png) ![Composite preview image showing a basic HTML page spanning across all four different pastel themes including light and dark modes.](./assets/preview.png)
## Preview
<details> <details>
<summary>🌻 Latte</summary> <summary>🌻 Latte</summary>
@ -30,8 +32,8 @@ _Note: Using [TailwindCSS](https://tailwindcss.com/) in your project? Check out
```bash ```bash
# There are .hex, .rgb, and .hsl options. When in doubt, .hex is simplest but less flexible in some cases # There are .hex, .rgb, and .hsl options. When in doubt, .hex is simplest but less flexible in some cases
wget -P ./ https://git.basking.monster/gaiety/catppuccin-css/raw/branch/main/themes/Catppuccin-Frappé.hex.css
wget -P ./ https://git.basking.monster/gaiety/catppuccin-css/raw/branch/main/themes/Catppuccin-Latte.hex.css wget -P ./ https://git.basking.monster/gaiety/catppuccin-css/raw/branch/main/themes/Catppuccin-Latte.hex.css
wget -P ./ https://git.basking.monster/gaiety/catppuccin-css/raw/branch/main/themes/Catppuccin-Frappé.hex.css
wget -P ./ https://git.basking.monster/gaiety/catppuccin-css/raw/branch/main/themes/Catppuccin-Macchiato.hex.css wget -P ./ https://git.basking.monster/gaiety/catppuccin-css/raw/branch/main/themes/Catppuccin-Macchiato.hex.css
wget -P ./ https://git.basking.monster/gaiety/catppuccin-css/raw/branch/main/themes/Catppuccin-Mocha.hex.css wget -P ./ https://git.basking.monster/gaiety/catppuccin-css/raw/branch/main/themes/Catppuccin-Mocha.hex.css
``` ```
@ -42,8 +44,10 @@ _Note: Using [TailwindCSS](https://tailwindcss.com/) in your project? Check out
```css ```css
/* if installing from NPM, url may look something like "./node_modules/@catppuccin/css/themes/Catppuccin-Frappé.hex.css" */ /* if installing from NPM, url may look something like "./node_modules/@catppuccin/css/themes/Catppuccin-Frappé.hex.css" */
@import url("./Catppuccin-Frappé.hex.css"); @import url("./Catppuccin-Latte.hex.css");
@import url("./Catppuccin-Mocha.hex.css") (prefers-color-scheme: dark); @import url("./Catppuccin-Frappé") (prefers-color-scheme: dark) and (prefers-contrast: less);
@import url("./Catppuccin-Macchiato") (prefers-color-scheme: dark);
@import url("./Catppuccin-Mocha.hex.css") (prefers-color-scheme: dark) and (prefers-contrast: more);
``` ```
3. Use it in your styles! 3. Use it in your styles!