Expanded Usage section of README.md

This commit is contained in:
Foster Hangdaan 2023-08-14 21:00:25 -04:00
parent ff07a869d4
commit 22df71329a
Signed by: foster
GPG key ID: E48D7F49A852F112

View file

@ -9,7 +9,23 @@ The Tokyo Night color palette in CSS.
## Usage
Copy the `colors.css` file either in whole or some parts of it into your projects. The colors are also available as filters which are useful for coloring SVGs.
Copy the `colors.css` file to your project then start using the CSS variables:
``` css
.success {
color: var(--tn-dark-04);
}
```
The colors are also available as filters which are useful for coloring black SVGs.
``` css
svg.icon {
filter: var(--tn-dark-filter-05);
}
```
> **NOTE** The filters were generated with [Barrett Sonntag's CSS Filter Generator](https://codepen.io/sosuke/pen/Pjoqqp).
## Maintainer