Before you start

1. Make sure you have permission to edit the board and are in Hi-fi design mode.
   
2. The settings below are available by selecting an element and opening the relevant color option from its toolbar.
3. The available color settings may vary depending on the selected element and property.

Apply a solid color

1. Suggested colors: Choose from colors recommended based on the current board theme.
   
   
   
2. Custom color: Select More colors to open the full color picker. You can choose a color visually, enter a HEX or RGB value, or use the Eyedropper to select a color from the canvas.
   
   
   
3. Theme colors: Choose from the colors configured in the board theme. Each theme color includes a range of shades, from lighter to darker options. To change the colors available in the theme palette, see How to set up colors in Theme Settings.
   
   
   
4. Color opacity: Adjust the transparency of the selected color.
   
   

Color opacity controls the transparency of the selected color property without changing the rest of the element. Layer opacity affects the entire element, including its background, text, border, shadow, and other contents.

Apply a gradient

1. Suggested gradients: Choose from ready-made gradients recommended for your design.
   
   
   
2. Custom gradient: Create and customize a gradient using the following settings:
1. Gradient type: Choose between a linear or radial gradient.
2. Direction: Control the direction in which the colors blend.
3. Color stops: Add, remove, reposition, or change the colors within the gradient.
   
   

The Gradient tab is available only for elements and color properties that support gradients.