You can edit the UI control default theme by modifying the control color and image properties.
The UI control preview displays the existing control properties in a tabular format. Each row in the table represents a control event, such as disabled, highlighted, and pressed, and the corresponding theme for that control event. Each column in the table represents the various states of the UI control's properties, such as Horizontal_Divider and Vertical_Divider.
To modify a UI control color property:
From the Value drop-down list, select the appropriate color.
You can also click Add New Color and select a new color from the IDE Color window. To change the color alpha property, use the scroll next to the property in the Properties view.
The Palette Window view displays color groups, where each group contains all the properties which use that color. To modify colors, drag the selected control color property from one color group to another.
You can also right-click the appropriate color group, select Edit Group Color, and then select a new color from the IDE Color window.
To modify a UI control image property:
You can select from the images that have been added to the project in the Explorer view.
To view the customization details as an XML file, double-click the XML file in the Navigator view. The file contains:
Figure: UI customization XML format
The XML file is read-only, and you must switch to the UI control preview to edit any properties.