🌈Shade Generator

The Shade Generator feature lets you automatically generate various shades for your base colors. You can choose whether or not to generate shades for each color in your color-options.json file. The shades are generated in 100-step increments from 100 to 950, with the base color defaulting to 500.

Image of code for custom JSON color configuration for primary and secondary colors with base shade values
Custom color configuration in JSON: Defining primary and secondary colors with base shades for dynamic theme generation

Here are the key features at a glance:

  • Automatic Shade Generation: Generate shades for each base color in your palette to ensure a consistent and appealing design in your project.

  • Customizable Settings: Choose whether or not to generate shades for each color and adjust the base color for shades as desired.

Last updated

Was this helpful?