Setting Colors in Carbide.ui
Article Metadata
Overview
The Carbide.ui Referenced Colors view allows you to specify groups of related theme colors. These colors can be used to style certain types of theme components including text and status icons.
Each group can include four colors: the base color and up to three related hues.
All colors in a group will auto-update when the parent is edited.
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.
How to create Referenced Colors in carbide.ui
Step 1) Select Resources -> Active Tab Items ->Reference to Color -> Create New.
Step 2) Now check notice the Referenced colors view
Step 3) 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.
Step 4) Name the reference color appropriately
Step 5) You can also add new copies of the color by clicking the “+” button. The root color can then be adjusted as required
How to apply the referenced color
Step 1) Right click on the item to which you want to apply the color. In this case Active tab Items.
Step 2) Reference to Color -> Colors -> Active Tab Items (name of the referenced color we created)
(no comments yet)