Workspace

This section lists visual elements available in the WPF Theme Designer. The topics are categorized into groups that contain descriptions of elements belonging to a particular section of the application:

The image below illustrates the layout of a Theme Designer's main window

theme-designer-window.png

The WPF Theme Designer UI consists of the following windows.

The Navigation Window allows you to locate (using built-in search) and select the required control/demo module to preview. The following image displays the search results for the 'menu' query in preview mode. To learn more, visit the Preview and Navigation Windows page.

navigation-panel.png

Preview Window

The Preview Window displays the selected controls/demo modules live preview with the edited theme applied.

preview-panel.png

You can enable the touch version of the theme using the TouchMode button on the ribbon. If you need to restore the default state of the preview or demo, use the Reload Preview button in the ribbon.

To learn more, visit the Preview and Navigation Windows page.

Color Wheel Window

The Color Wheel window allows you to easily edit theme colors using a color wheel. The Color Wheel can also organize colors by hue or RGB distance into the specified number of groups, so that you can customize color parameters for these entire groups instead of doing this for multiple individual colors.

color-wheel-panel.png

To learn more, visit the Color Wheel Window

Palette Window

The Palette Window displays the color palette of the current theme. You can customize palette colors (edit, add, remove) according to your needs. Note that the Palette view is available only for the Color Themes. The Color Editor Tool is placed at the bottom of the Palette window, and is useful for advanced color editing. For a quick color change, you can use the Inline Color Picker tool. To learn more, visit the Palette Window page.

palette-panel.png

Individual Colors Window

The Individual Colors Window displays individual colors for all the UI elements of all the controls. In this view, you can edit individual colors of each element and change color bindings. To learn more, see the Individual Colors Window page.

individual-colors-panel.png

Pending Changes Window

The Pending Changes Window displays all the changes you have made in the edited theme. Use this window to discard unneeded changes. To learn more, see the Output and Pending Changes Windows page.

pending-changes-panel.png

Output Window

The Output Window displays the building and publishing service notifications. To learn more, visit the Output and Pending Changes Windows page.

output-panel.png

To control the visibility of each window, select the ribbon's Views tab and click the required view's icon. To reset the Theme Designer layout to the default state, click Reset Layout. To learn more, see the Ribbon Commands page.

ribbon views.png