Skip to content

LightWindCSS palette

Jasiukiewicz Tymon edited this page Oct 27, 2022 · 3 revisions

The project goal

A small JavaScript library to easily test colors. With LightWindCSS palette, testing the colors will be easier than ever before.

Include and use

To include the palette include the line below in the head of your HTML file:

<!-- Script lightwindcss theme -->
<script src="https://lightwindcss.github.io/Palette/src/palette/palette.js" data-themesrc="https://gitcdn.xyz/cdn/LightWindCss/Palette/main/src/palette/paletteConfig.json"></script>

Or you can just copy-paste the code to your file which you have to include inside of your HTML head. To use it, it's simple. You have only to tell the palette you want in the data-theme attribute and use the variables whose names are the --color propriety name with the number, which is the index of the color in the palette. For example, you can use --color2, a variable if the palette has at least 2 colors.

Clone this wiki locally