Theme Designer allows you to customize a theme, create or edit templates and styles, and bind palette colors to an element in a XAML file. You can edit source files in the built-in Theme Designer CodeView or an external text editor.
Theme Designer provides the following XAML files navigation approaches:
You can use the Solution Explorer window with built-in Search Bar for search and navigation source files. This window allows you to open a XAML file location folder in the Windows File Explorer. You can use this feature to open files in external text editors.
Use the View in XAML tool to find the location of an element in a XAML file. Enable the View in XAML tool, hold Ctrl+Shift and left-click an element in the Preview Window. Theme Designer will highlight the color value in the Code View window.
Follow this list to change an element's palette colors in XAML files using the Code View window:
The following animation illustrates how to change an element's palette colors in a XAML file using the Code View window:
Theme elements have the auto-generated cs:id attribute. This attribute is required for update. Do not copy or edit it. Otherwise, this lead to color binding errors in your theme.
Theme Designer allows you to open theme source files in an external text editor. You can navigate to the XAML file in the Windows File Explorer or use the Solution Explorer window to find its location:
Theme Designer will ask you to reload the file(s) if you modify any opened project file(s) in an external application.
You can edit a theme solution in the Microsoft Visual Studio. You can find the theme solution (.sln) file in the Your_Theme_Folder\.td\Sources folder.
Visual Stuido cannot build a Theme Designer theme solution. Use the Theme Designer to build a theme and preview theme changes.