The Tokyo Night color palette now in CSS.

Find a file

Foster Hangdaan 25291bb10a Minor edit		2023-08-14 21:05:26 -04:00
.editorconfig	Add .editorconfig	2023-08-13 23:52:37 -04:00
colors.css	Add colors.css	2023-08-13 23:44:24 -04:00
LICENSE.txt	Update README.md and LICENSE.txt	2023-08-13 23:38:38 -04:00
README.md	Minor edit	2023-08-14 21:05:26 -04:00

Tokyo Night for CSS

The Tokyo Night color palette in CSS.

Usage

Copy the colors.css file to your project then start using the CSS variables:

.success {
  color: var(--tn-dark-04);
}

The colors are also available as filters which are useful for coloring black SVGs.

svg.icon {
  filter: var(--tn-dark-filter-05);
}

Note

The filters were generated with Barrett Sonntag's CSS Filter Generator.