Change Basic Colors
When changing the colors of a button, you can apply basic colors to any or all of the following: the entire button, its outline, font, label, symbol, and background.
Select Menu > Editor.
Select Edit and choose the button you want to modify.
Select the Colors tab on the left.
Select the applicable tab at the top of the window.
Button: Change the color of the entire button
Outline: Add a colored border to the button
Font: Change the color of the button’s label
Label: Add a colored background to the button’s label
Symbol: Add a colored background to the button’s symbol
Background: Add a colored background to the button
Select any of the basic colors. If you previously created any custom colors, they will also be available to select. The button preview will show the change.
When you finish changing colors, select Finished and then select Save.
Add Custom Colors
You can customize button colors for any or all of the following: the entire button, its outline, font, label, symbol, and background. When you create a custom color, it will appear under Custom Colors in the basic colors window to select for future use.
You can find RGB color codes and hex color codes on the internet.
Select Menu > Editor.
Select Edit and choose the button you want to modify.
Select the Colors tab on the left.
Select the applicable tab at the top of the window.
Button: Change the color of the entire button
Outline: Add a colored border to the button
Font: Change the color of the button’s label
Label: Add a colored background to the button’s label
Symbol: Add a colored background to the button’s symbol
Background: Add a colored background to the button
Select the Custom Color button.
Note: If you decide to apply a basic color instead of a custom color, select the Back button.
Create a custom color by using any of the following methods.
Select the Red, Green, or Blue field, use the keyboard to enter a new RGB value, and select Finished. If applicable, repeat for the other RGB fields. The Hex Code and color slider values will change accordingly.
Select the Hex Code field, use the keyboard to enter a new hex value, and select Finished. The RGB and slider values will change accordingly.
Move the color gradient slider or move the cursor in the color gradient box.
The custom color will appear in the New Color/Current Color box.
If you are not satisfied with the color, continue making adjustments until you create the color you want.
Select Save Color. The button preview will show the change, and the New Color/Current Color box will show your custom color.
To change additional colors for the button, repeat steps 4 through 9.
When you finish changing colors, select Finished.
The button will show the new color(s) on the vocabulary page.
If you are satisfied with the button colors, select Save. The new color will be available under
If you are not satisfied with your changes, select Cancel and No, don’t Save. The button will revert to its previous colors.
Note: Your new color(s) also appear under Custom Colors in the basic colors window to select for future use.