For developers working specifically with the latest web-based Fluent components, the Fluent UI Theme Designer is an alternative web-based tool for generating JSON-based palettes. microsoft/fluent-xaml-theme-editor - GitHub
: In Visual Studio, right-click your project and select Add > New Item > Resource Dictionary . fluent xaml theme editor download
: Once satisfied with your theme, the tool generates the necessary XAML markup which can be copied directly into your project's App.xaml . How to Use Your Custom Theme How to Use Your Custom Theme : Paste
: Paste the generated code into this new file. Finally, reference this dictionary in your App.xaml using MergedDictionaries to apply the theme globally. fluent xaml theme editor download
The tool is designed to bridge the gap between design and code for UWP and WinUI-based apps:
: In the editor, click the Export button to generate the XAML Resource Dictionary.