The Theme Designer allows you to customize a theme, create or edit templates and styles, and assign a theme's colors to elements. You can edit source files in the Theme Designer's Code View or an external text editor.
Use the Search Bar in the Solution Explorer window to search through source files.
Use the View in XAML tool to find an element in a XAML file. Enable View in XAML, hold Ctrl+Shift and left-click an element in the Preview Window. The Theme Designer highlights the color value in the Code View window.
Follow the steps below to use the Code View window to change an element's colors:
The following animation illustrates how to use the Code View window to change an element's palette colors:
Theme elements have the auto-generated cs:id attribute. This attribute is required for update. Do not copy or edit it. This leads to color binding errors.
You can open theme source files in an external text editor. Right-click a XAML file in the Solution Explorer window and select Show in explorer to navigate to this file's folder in the Windows File Explorer. Open the file in an external text editor.
If you modify any file(s) opened in the Theme Desinger in an external application, the Theme Designer asks you to reload the file(s).
You can edit a theme solution in Microsoft Visual Studio. The theme solution (.sln) file is in the Your_Theme_Folder\.td\Sources folder.
Visual Studio cannot build theme solutions. Use the Theme Designer to build a theme and preview theme changes.