Selecting a Solution Color & Icon

Pick a color to visually distinguish your solution and select a relevant icon

Peter Novosel avatar
Written by Peter Novosel
Updated over a week ago

Changing your solution's color

Every SmartSuite Solution has a color associated with it, letting you create a distinct theme and add to its visual representation. This article will show you how to choose the Solution's color, whether you're creating a new Solution or updating an existing one.

Why choose a Solution color?

SmartSuite will randomly select a color for you when you create a new Solution from scratch, and will assign an icon from a template Solution when installed. Why would you want to change color?

The Solution's color is used in both the top bar as well as anywhere the Solution's icon is displayed (the icon takes on the Solution's color on the home page, for example). This gives your users a visual cue, allowing them to associate the color with your Solution. It lets them find your Solution quickly, know when they're working with content it contains, and set a tone for the work that's done within it.

With 20 options available you can easily differentiate the Solution, giving it a color that sets a tone and makes it easy to locate and identify.

Where to Find the Solution Color Selector

There are two ways to access the Solution Color options - one is through the Solution 3-dot menu on the home page, and the second is from the Solution drop-down menu inside the solution itself.

From the Home page

You can select a Solution's color from the Solution Color option located in the Solution Icon's 3-dot (...) menu, as shown below:

From the Solution dropdown menu

If you are in the Solution itself, just click the Solution's down-arrow menu and select the Solution Icon option, like this:

Working with the Solution Color Selector

Once the Solution Icons dialog is displayed, you simply click your desired color to change it - it's that easy!

Your choice is saved instantly, and is immediately applied.


Changing your solution's icon

Every SmartSuite Solution has an icon associated with it to add to it's identity and give it a distinct visual representation. This article will show you how to choose the initial icon for a new Solution, or change an existing icon.

Why choose a Solution icon?

SmartSuite will randomly select an icon for you when you create a new Solution from scratch, and will assign an icon from a template Solution when installed. Why would you want to change that icon?

Together with Solution color, the Solution icon is intended to be a visual reference for the Solution, helping users identify it easily and quickly understand what its focus or purpose is. There are hundreds of icons available, allowing you to choose one that is just right for your Solution's goals.

Where to Find Solution Icon Configuration

There are two ways to access the select a Solution icon option - one is through the Solution 3-dot menu on the home page, and the second is from the Solution drop-down menu inside the solution itself.

From the Home page

You can select a Solution's icon from the Solution Icon option located in the Solution Icon's 3-dot (...) menu, as shown below:

From the Solution dropdown menu

If you are in the Solution itself, just click the Solution's down-arrow menu and select the Solution Icon option, like this:

Working With the Icon Selector

Once the Solution Icons dialog is displayed, you simply click your desired icon to change it - it's that easy!

Your choice is saved instantly, and is immediately applied.

Can I search for the perfect icon?

You sure can - in fact the video at the beginning of this article shows search in action. Just click on the search bar, enter your search term, and the list will show you icons that match, like this:

Did this answer your question?