Adding custom colors to your workspace

How it works

Add your brand colors palette to your workspace and use them across all of your forms. This will allow you to easily reuse and update colors across your forms and will help you maintain your brand’s image.


Setup Guide

To start, add all the required colors to your workspace. Once added, you can use these colors to customize all Formli elements. If you need to modify any of the already added colors, simply make the change in the workspace, and it will be automatically updated wherever it was used.

How to add colors to workspace

  1. Go to Settings.

    Screenshot 2023-07-13 at 18.30.31.png

  2. Choose Colors tab.

    Screenshot 2023-07-13 at 18.32.08.png

  3. Click on the +New button.

    Screenshot 2023-11-28 at 10.21.30.png

  4. Add ‘Color name’ and choose color on the picker or enter the color hex code. Change the opacity if needed.

    Screenshot 2023-11-28 at 10.23.55.png

  5. Click on the Save button.

    Screenshot 2023-11-28 at 10.34.57.png

Your color is added to the list of custom colors. Click on the pencil icon to edit the settings.

Color.png

How to use custom colors

All custom colors are available to all color pickers throughout your workspace. You can use them in your Formli blocks to customize the color of text or backgrounds, as well as in your emails.

To use your brand colors, open one of your forms and select the element you want to customize (e.g., your submit button). You will see your custom brand colors listed at the end of the default colors. Each color includes a hint with its custom color name.

How to use colors.png