Color (of Text or Background) property
Sets background or text color to one of the following:
![settings-bg-color-popup2](https://help.mypurecloud.com/wp-content/uploads/2016/09/settings-bg-color-popup2.png) |
-
Default—Assigns the default color.
-
Color—allows you to select from a palette of common colors, or choose your own by entering RGB values or by moving the color picker to a new spectrum position. Setting the color for text and background is a property in the Appearance panel. This property panel is only available for components that have the color functionality.
Click Choose to assign the current selection.
![settings-text-color-popup-colors](https://help.mypurecloud.com/wp-content/uploads/2015/03/settings-text-color-popup-colors.png)
-
Variable—assigns a color stored in a string variable. For example, to assign dark blue:
-
Click the Variables tab.
-
Click + to add a variable.
![Figure shows button that adds a new variable.](https://help.mypurecloud.com/wp-content/uploads/2016/10/add_script_variable2.png)
-
Select String as the type of value the new variable stores.
-
Type a descriptive name in the Name box.
-
Set Default Value to 0000FF or #0000FF—which is the hexadecimal code for dark blue.
![select-color-in-variable](https://help.mypurecloud.com/wp-content/uploads/2016/09/select-color-in-variable.png)
- Click Apply.
-
Assign the variable to this color property.
![mycolor-variable](https://help.mypurecloud.com/wp-content/uploads/2016/10/mycolor-variable.png)
|
To change the background color of a script page
To set the background color of an entire page, assign a background color to its root vertical container.
-
In the breadcrumbs bar, click the root container icon.
![select-root-container](https://help.mypurecloud.com/wp-content/uploads/2016/10/select-root-container.png)
-
Under Common or Appearance, assign a different Background color.
![](https://help.mypurecloud.com/wp-content/uploads/2016/10/set-page-bg-color.png)
You can create interesting effects by assigning different background colors to other containers.
![additional-colored-containers](https://help.mypurecloud.com/wp-content/uploads/2016/09/additional-colored-containers.png)