Service Manager

Working with Colors in the Style Editor

•About Using Colors in the Style Editor

•Changing a Color Using the Color Picker

•Changing a Color by Entering a Value

•Changing a Color by Copying and Pasting a Color Value

About Using Colors in the Style Editor

The Style Editor identifies colors by their hexadecimal values and adds two more characters at the right to identify opacity. For example, gray has a hex value of #808080. In the Style Editor, gray is shown as #808080FF. Opacity is applied to a color that is placed above another color in the user interface.

•FF means 100 percent opacity: You see only the upper color.

•80 means 50 percent opacity: You see an even blend of the upper and lower colors.

•00 means zero opacity: You see only the lower color.

See Working with the Color Picker.

Changing a Color Using the Color Picker

To change the current color of any item, do the following:

1.Choose an item in the left pane and click its hex value link.

2.Click the eyedropper icon. The application displays the color picker. See Working with the Color Picker.

Color Picker

3.Select a color and click OK.

4.To see the color change, click away from the hex value link. The application marks the unsaved value with a red triangle at the left and the revert icon at the right.

5.Click Save.

Changing a Color by Entering a Value

To change the current color of any item, do the following:

1.Choose an item in the left pane and click its hex value link.

2.Press Backspace to erase the current value.

3.Enter a new value.

4.To see the color change in the right pane, click away from the Hex Value link.

Changing a Component's Color

The application marks the unsaved value with a red triangle at the left and the revert icon at the right.

5.Click Save.

Changing a Color by Copying and Pasting a Color Value

If you want to apply the color from one item to another, you can copy the color value from the source item and paste it to the target item. To change the current color of any item, do the following:

1.On a source item with the color to use, select the hex value and choose Copy from the pop-up menu.

2.For the target item to change, select the hex value and choose Paste from the pop-up menu.

3.To see the color change in the right pane, click away from the hex value link. The application marks the unsaved value with a red triangle at the left and the revert icon at the right.

4.Click Save.