generated from tokyo-night/template
37 lines
829 B
Markdown
37 lines
829 B
Markdown
<div align="center">
|
|
<img src="https://code.fosterhangdaan.com/tokyo-night/vscode-theme/raw/branch/master/icon.png" width="100" alt="Tokyo Night Icon"/>
|
|
<h1>Tokyo Night for CSS</h1>
|
|
</div>
|
|
|
|
|
|
|
|
The Tokyo Night color palette in CSS.
|
|
|
|
## Usage
|
|
|
|
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
|
|
|
|
[Foster Hangdaan](https://www.fosterhangdaan.com)
|
|
|
|
## License
|
|
|
|
[MIT License](https://code.fosterhangdaan.com/tokyo-night/css/src/branch/trunk/LICENSE.txt)
|