Improve theme generation form about skeleton HOT 4 CLOSED

This improvement is now in progress. You can track progress on this respective branch: ed61eea

Users are now only responsible for entering four primary hex colors. The generator will do the rest. It's MUCH easier to use!

The code is still a bit messy, so I plan to update that. Likewise I've integrated a package called Palettey: https://github.com/bartbergmans/Palettey

This does a lot of the heavy lifting and is based off Simeon Grigger's Tailwind palette generator:
https://tailwind.simeongriggs.dev/blue/3B82F6

Once all updates are complete I will look to roll out an update to the Skeleton documentation site for this.

from skeleton.

Quick update - this is progressing well.

Today's update includes the following improvements:

• The theme generator now has has two modes: Tailwind or Custom colors
• Tailwind mode lets you mix and match Tailwind's default colors to generate a theme
• Custom mode lets you provide custom hex colors to generate a theme.
• The Generated CSS specifies which mode was used, and what color was used to generate each set
• The swatches now include the shade value (ex: 50, 100, ..., 900)

With this in place, the final step is to begin creating a curated set of preset themes. We have two right now, but I'm aiming for 5-10 for release.

from skeleton.

@thomasbjespersen I'd welcome your help in generating a few more!

from skeleton.

This is now complete and deployed to the documentation site. Try it out here:
https://skeleton.brainandbonesllc.com/guides/themes

from skeleton.