Give Your WPF Application a Fresh Look with New Windows 11 Themes
Tags: theme, ui, whatsnew, wpf
Published: 2023-01-17 13:25:52

---
title: Give Your WPF Application a Fresh Look with New Windows 11 Themes
published: true
date: 2023-01-17 11:50:05 UTC
tags: theme, ui, whatsnew, wpf
canonical_url: https://www.syncfusion.com/blogs/post/give-your-wpf-application-a-fresh-look-with-new-windows-11-themes.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gvbi9bnhi7g63snb2a7k.png
---
Are you looking to give your WPF application a modern, visually appealing interface? The new Windows 11 themes for WPF controls are here to help! In our [2022 Volume 4 release](https://www.syncfusion.com/forums/announcements "Essential Studio 2022 Volume 4"), we included support for Windows 11 themes for WPF controls. The themes are designed to closely match the look and feel of the latest version of Windows and includes styles for all native WPF controls and Syncfusion controls.

## Applying the Windows 11 themes

1.Install the theme NuGet packages. There are two packages:
  1. Syncfusion.Windows11Light.WPF for the light theme.
  2. Syncfusion.Windows11Dark.WPF for the dark theme.

You should also install the NuGet package for SfSkinManager. These packages can be obtained from the Essential Studio suite (installed location or GAC) or from [NuGet](https://www.nuget.org/packages "NuGet Gallery").

2.In your application’s XAML page, add references to the theme and the SfSkinManager assembly. Refer to the following code:
```xml
xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
xmlns:syncfusionskin= "clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"
```
3. To apply the theme to your entire window, use the attached property **Theme** of the SfSkinManager class in your XAML file.
```xml
<Window x:Class="ThemeDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
        xmlns:syncfusionskin= "clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"
        syncfusionskin:SfSkinManager.Theme="{syncfusionskin:SkinManagerExtension ThemeName=Windows11Light}"
        Title= "MainWindow"
        Height= "450"
        Width= "800">
</Window>
```

The above code will apply the Windows 11 light theme to your application’s framework and Syncfusion WPF controls. Assign the value **Windows11Dark** to the **ThemeName** to apply the dark theme instead. Refer to the [user guide for SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager "Getting Started with WPF Skin Manager") for more details.

The following screenshots show WPF controls with different themes applied to them.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/WPF-Framework-Controls-in-Windows-11-Light-Theme.png" alt="WPF Framework Controls in Windows 11 Light Theme" style="width:100%">

  <figcaption>WPF Framework Controls in Windows 11 Light Theme</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-Scheduler-in-Windows-11-Dark-Theme.png" alt="Syncfusion WPF Scheduler in Windows 11 Dark Theme" style="width:100%">

  <figcaption>Syncfusion WPF Scheduler in Windows 11 Dark Theme</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-DataGrid-in-Windows-11-Light-Theme.png" alt="Syncfusion WPF DataGrid in Windows 11 Light Theme" style="width:100%">

  <figcaption>Syncfusion WPF DataGrid in Windows 11 Light Theme</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-Editor-Controls-in-Windows-11-Dark-Theme.png" alt="Syncfusion WPF Editor Controls in Windows 11 Dark Theme" style="width:100%">

  <figcaption>Syncfusion WPF Editor Controls in Windows 11 Dark Theme</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-Ribbon-in-Windows-11-Light-Theme-1.png" alt="Syncfusion WPF Ribbon in Windows 11 Light Theme" style="width:100%">

  <figcaption>Syncfusion WPF Ribbon in Windows 11 Light Theme</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-DockingManager-in-Windows-11-Dark-Theme.png" alt="Syncfusion WPF DockingManager in Windows 11 Dark Theme" style="width:100%">

  <figcaption>Syncfusion WPF DockingManager in Windows 11 Dark Theme</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-TreeView-in-Windows-11-Light-Theme.png" alt="Syncfusion WPF TreeView in Windows 11 Light Theme" style="width:100%">

  <figcaption>Syncfusion WPF TreeView in Windows 11 Light Theme</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-Chart-in-Windows-11-Dark-Theme.png" alt="Syncfusion WPF Chart in Windows 11 Dark Theme" style="width:100%">

  <figcaption>Syncfusion WPF Chart in Windows 11 Dark Theme</figcaption>

</figure>

## Color palettes

The Windows 11 themes for WPF controls offer six color palettes to customize the primary colors of the themes. The available color palettes are:

- PurpleShadowDark
- VioletRed
- PlumbLight
- MintLight
- YellowGold
- SteelBlue

To apply a color palette, use the **ColorPalette** property of the **SkinManager** class. Here is an example of how to apply the steel blue color palette to the Windows 11 theme:

```csharp
public partial class MainWindow : ChromelessWindow
{
  public MainWindow()
  {
      // Create a Windows11LightThemeSettings object and set the color palette
      Windows11LightThemeSettings windows11LightThemeSettings = new Windows11LightThemeSettings();
      windows11LightThemeSettings.Palette = Windows11Palette.SteelBlue;

      // Register the theme settings and apply the theme to the main window
      SfSkinManager.RegisterThemeSettings("Windows11Light", windows11LightThemeSettings);
      SfSkinManager.SetTheme(this, new Theme("Windows11Light"));

      InitializeComponent();
  }
}
```

This code example creates a **Windows11LightThemeSettings** object and sets the **Palette** property to **Windows11Palette.SteelBlue**. The theme settings are then registered using the **SfSkinManager.RegisterThemeSettings** method, and the theme is applied to the main window using the **SfSkinManager.SetTheme** method.

You can apply other color palettes by specifying the enum value to the **Windows11LightThemeSettings.Palette** property. For example, to apply the violet-red color palette, you can use the following code:

```csharp
windows11LightThemeSettings.Palette = Windows11Palette.VioletRed;
```

The color palettes only affect the primary colors of the theme, such as the background and foreground colors of certain controls. They do not change the overall style or appearance of the theme.  
The following are screenshots of different theme and color palettes applied to different WPF controls.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-ProgressBar-in-Windows-11-Light-Theme-with-PlumbLight-ColorPalette-1.png" alt="Syncfusion WPF ProgressBar in Windows 11 Light Theme with PlumbLight ColorPalette" style="width:100%">

  <figcaption>Syncfusion WPF ProgressBar in Windows 11 Light Theme with PlumbLight ColorPalette</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-Busy-Indicator-and-Range-Slider-in-Windows-11-Dark-Theme-with-MintLight-Color-Palett.png" alt="Syncfusion WPF Busy Indicator and Range Slider in Windows 11 Dark Theme with MintLight Color Palette" style="width:100%">

  <figcaption>Syncfusion WPF Busy Indicator and Range Slider in Windows 11 Dark Theme with MintLight Color Palette</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/01/Syncfusion-WPF-Rating-Control-in-Windows-11-Light-Theme-with-YellowGold-Color-Palette.png" alt="Syncfusion WPF Rating Control in Windows 11 Light Theme with YellowGold Color Palette" style="width:100%">

  <figcaption>Syncfusion WPF Rating Control in Windows 11 Light Theme with YellowGold Color Palette</figcaption>

</figure>

To learn more about color palettes, refer to the [supported palettes documentation](https://help.syncfusion.com/wpf/themes/theme-studio#supported-palettes "Supported color palettes in WPF Theme Studio documentation") and the blog, [Enjoy 30+ New, Elegant Palettes in WPF Theme Studio](https://www.syncfusion.com/blogs/post/enjoy-30-new-elegant-palettes-in-wpf-theme-studio.aspx "Blog: Enjoy 30+ New, Elegant Palettes in WPF Theme Studio").

## Conclusion

Thank you for reading, and I hope you appreciate the new WPF platform themes. More information about our most recent release, [2022 Volume 4](https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download "Essential Studio 2022 Volume 4 "), may be found in our [release notes](https://help.syncfusion.com/common/essential-studio/release-notes/v20.4.0.38 "Syncfusion Release Notes") and on the [What’s New page](https://www.syncfusion.com/products/whatsnew "Syncfusion What's New page").

Existing customers can get the latest Essential Studio version from the [License and Downloads](https://www.syncfusion.com/account/downloads "License and download page of Essential Studio") page. If you are not a Syncfusion customer, you can take advantage of our 30-day [free trial](https://www.syncfusion.com/downloads "Free evaluation of the Syncfusion Essential Studio") to explore our various features.

If you have any criticism or questions, please leave them in the comments below. Please get in touch with us using our [support forum](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [support portal](https://www.syncfusion.com/support/directtrac/incidents "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/wpf "Syncfusion Feedback Portal"). We are always delighted to help!

## Related blogs

- [What’s New in 2022 Volume 4: WinUI and WPF](https://www.syncfusion.com/blogs/post/whats-new-in-2022-volume-4-winui-and-wpf.aspx "Blog: What’s New in 2022 Volume 4: WinUI and WPF")
- [Developing an Analog Clock UI in WinUI and 2022 Vol. 2 Updates in WinUI and WPF [Webinar Show Notes]](https://www.syncfusion.com/blogs/post/developing-an-analog-clock-ui-in-winui-and-2022-vol-2-updates-in-winui-and-wpf-webinar-show-notes.aspx "Blog: Developing an Analog Clock UI in WinUI and 2022 Vol. 2 Updates in WinUI and WPF [Webinar Show Notes]")
- [Show and Hide Annotations Based on Author in WPF PDF Viewer](https://www.syncfusion.com/blogs/post/show-and-hide-annotations-based-on-author-in-wpf-pdf-viewer.aspx "Blog: Show and Hide Annotations Based on Author in WPF PDF Viewer")
- [Creating an Organizational Chart Using the WPF Diagram Control: An Overview](https://www.syncfusion.com/blogs/post/creating-an-organizational-chart-using-the-wpf-diagram-control-an-overview.aspx "Blog: Creating an Organizational Chart Using the WPF Diagram Control: An Overview")
- [Easily Create Repeating or Recurring Appointments Using WPF Scheduler](https://www.syncfusion.com/blogs/post/easily-create-repeating-or-recurring-appointments-using-wpf-scheduler.aspx "Blog: Easily Create Repeating or Recurring Appointments Using WPF Scheduler")

<!-- /wp:tadv/classic-paragraph -->