Overview

A quick glance at the controller

Scale

1. Select a configured Color theme.

2. Adjust the Lightness scale's stops.

3. Adjust the Chroma.

4. Select a Distribution easing.

5. Review the keyboard shortcuts.

6. Run the actions:

   • Sync the local styles: Sync the color shades with the document's local styles.

   • Sync the local variables: Sync the color shades with the documents' local variables.

   • Publish palette or Synchronize palette: Publication lifecycle of the palette

7. Watch a Preview of the palette and run:

   • Display WCAG 2.1 and APCA scores.

   • Lock the source colors.

   • Select the Color space.

   • Select a Vision simulation.

8. Access shortcuts:

   • Open the docs.

   • Open User menu.

   • Open Help menu.

---

Colors

1. Add a new color to the palette.

2. Adjust the Source colors (from the left to the right):

   • Color name.

   • Hexadecimal code.

   • LCH.

   • Advanced options:

     • Hue shifting.

     • Chroma shifting.

     • Description.

   • Remove.

---

Theme

1. Add a new theme to the palette.

2. Adjust the Color themes (from the left to the right):

   • Theme name.

   • Palette background color.

   • Advanced options:

     • Description.

   • Remove.

---

Settings

1. Change the palette Name.

2. Change the palette Description.

3. Change the palette Layout.

4. Select the Color space.

5. Select a Vision simulation.

6. Select the Chroma velocity.

7. Adjust the Text light color.

8. Adjust the Text dark color.