css/README.md

<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>

&nbsp;

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)