LightWindCSS palette

The project goal

The LightWindCSS palette is a lot of palettes linked with different themes, each of them includes 4 colors. You can use it to test your project with different colors set just in some clicks.

The themes will be constantly developed.

Include and use

The first thing to do is to include the javascript with the line below in case you use the CDN. Else just link the file with the module type...

<!-- Script lightwindcss theme -->
<script src="https://lightwindcss.github.io/Palette/cdn/palette/palette.js" type="module"></script>

To add a theme to an HTML element, add the theme attribute with the name of the palette inside. It will add 4 colors as CSS variables that you can use inside of it.

In case you want to use your themes set you have to do it not the same way, depends on how you included the project.

CDN

If you use the CDN, add the themesrc attribute to your script tag with the path to your .json theme file. And here you are, you have just included your theme. Be careful with the syntax.

Local

If you use the file in local just change the path at the top of the .js file and use your .json theme file. Be careful with the syntax you use