The requested page is not available for the requested platform. You are viewing the content for Default platform.

Color Scheme Browser

The Color Scheme Browser allows you to modify color variables defined by the current color scheme.

UI_ColorSchemeBrowser

You can edit colors individually, automatically replace occurrences of a specific color or invoke the Theme Wheel that allows you to adjust theme colors interactively.

Toolbar

The Color Scheme Browser toolbar contains the following buttons.

Icon_ThemeWheel

Theme Wheel

Invokes the Theme Wheel window that allows you to easily recolor themes.

Icon_Save

Save color scheme

Saves the current color scheme.

Icon_Export

Export to theme

Creates a theme based on the current color scheme. To learn more, see Color Schemes.

Editing Individual Colors

Each row in the Color Scheme Browser corresponds to a particular color variable.

You can edit colors directly in the table. To navigate to a place in XAML where this color is defined, double-click the row.

Note

Modifications made to color variables in the XAML Editor are not saved to the color scheme.

Color Substitution

To replace one color with another in the color scheme, follow the steps below.

  1. Group grid rows by color. To do this, right-click the Color column and select Group By This Column.

    UI_ColorSchemeBrowser_GroupByColor

  2. Right-click a group that corresponds to a color that you wish to replace and select Replace from the context menu.

    UI_ColorSchemeBrowser_ReplaceMenuItem

  3. The Replace Color dialog will be invoked. In this dialog, choose a color to insert.

    UI_ColorSchemeBrowser_ReplaceColors_ChooseColor

  4. Use the Find Prev, Find Next, Replace and Replace All buttons to traverse through XAML and replace color values.

    UI_ColorSchemeBrowser_ReplaceColors_Replace

Theme Wheel

Use the Theme Wheel window to interactively recolor the entire theme.

UI_ThemeWheel

To invoke this window, click the Icon_ThemeWheel button in the toolbar.

UI_ColorSchemeBrowser_Toolbar_ThemeWheel

To learn more, see Theme Wheel.

See Also