Before you start

1. Make sure you have permission to edit the board.
2. Theme colors are applied in Hi-fi design mode. These are not applied in Lo-fi design mode.

Access the board theme color settings

1. Open the board where you want to update the theme colors.
2. Open Theme from the bottom toolbar of the board.
   
   
3. Click Edit to enter theme editing mode.
   
   
   
4. Select Colors tab. The color settings will open, where you can review and update the color palette used in the board theme.
   
   

Set up theme colors

1. Main colors: Used for primary brand colors and key UI elements.
2. Semantic colors: Used for common UI states, such as success, warning, error, or information message.
3. Gray color set: Used for text and backgrounds.

You can choose and set up color palettes using these options:

1. Pick from palette library: Choose a ready-made palette from Visily’s palette library.
   
   
   
2. Generate colors from text: Describe the color scheme, mood, or visual style you want.
   
   
   
3. Extract colors from image: Upload an image so Visily can analyze its colors and suggest a palette.
   
   
   
4. Extract colors from webpage: Enter a webpage URL so Visily can generate colors based on the site’s design.
   
   
   
5. Adjust manually: Fine-tune the current palette by clicking each color and editing it individually.
   
   

Note

1. Preview your changes before clicking Apply, as applying theme colors updates the designs on the board immediately.
2. If you want to reuse the same color setup across multiple boards, save the board theme as a Workspace Theme.
   
3. Generating colors from text uses AI credits. Each generation costs 5 credits.