Referenced colors

Referenced colors view

This feature is used to create a set of colors which are “linked” to multiple components in the theme. This is useful if the theme uses a limited color set. It also allows the user to change the colors quickly in the theme.

Select Resources -> Status Pane Items ->Reference to Color -> Create New.


Figure: Referenced Color Option

The following Referenced Colors view is opened with a “root” color and three empty derived colors. By moving the mouse over the derived empty colors, you can change the intensity of each color. Same applies for the root color as shown below.


Figure: Choosing from the root color

You can also add new copies of the color by clicking the “+” button. The root color can then be adjusted as required



You can drag and drop the color from the Referenced Colors view to any levels in the Colors hierarchy of the Resources view. The selected components (from the Colors hierarchy) are linked to the selected reference color.


Figure: Changed color in resource view

Now, you can e.g. change the color of the root or its intensity and the color change is reflected in the referenced elements. Graphics and icons can also be linked to the referenced colors by dragging the color from the Referenced Colors view to the Layers view.
.