Enjoy 30+ New, Elegant Palettes in WPF Theme Studio
Tags: dotnet, csharp, wpf, theme
Published: 2021-08-02 13:52:14

---
title: Enjoy 30+ New, Elegant Palettes in WPF Theme Studio
published: true
date: 2021-08-02 10:30:20 UTC
tags: dotnet, csharp, wpf, theme
canonical_url: https://www.syncfusion.com/blogs/post/enjoy-30-new-elegant-palettes-in-wpf-theme-studio.aspx
cover_image: https://www.syncfusion.com/blogs/wp-content/uploads/2021/08/Enjoy-30-New-Elegant-Palettes-in-WPF-Theme-Studio-1-672x372.png
---

The Syncfusion [WPF Theme Studio](https://www.syncfusion.com/wpf-controls/themestudio "Link to WPF Theme Studio") helps users give their visual presentation a new theme in minutes. End-users can select an appropriate base theme, change its primary color, preview it, export it as a theme project, and utilize it in their applications for a rich user interface experience.

The [skin manager](https://help.syncfusion.com/cr/wpf/Syncfusion.SfSkinManager.SfSkinManager.html "Link to the Class SfSkinManager") helps you apply 27 built-in themes for both Syncfusion and framework controls.  From the [2021 Volume 2](https://www.syncfusion.com/forums/166800/essential-studio-2021-volume-2-main-release-v19-2-0-44-is-available-for-download "Link to download Essential Studio 2021 Volume 2") release onward, you can enjoy  30+ new, elegant color [palettes](https://help.syncfusion.com/wpf/themes/theme-studio#supported-palettes "Link to the Supported Palettes") on top of the existing theme variants supported in the [WPF Theme Studio](https://help.syncfusion.com/wpf/themes/theme-studio#supported-themes "Link to the Supported Themes").

In this blog, we will learn how to customize the themes supported in our WPF Theme Studio using these color palettes.

## Customize themes using palettes

Follow these simple steps to customize the themes using the palette options in the WPF Theme Studio:

1. Click on the **Themes** tab on the right-side panel of the Essential WPF Theme Studio window. Then, it will display the available themes and palette options. Each theme variant has its own palette list. Refer to the following screenshot.  
 ![Essential WPF Theme Studio Window](https://www.syncfusion.com/blogs/wp-content/uploads/2021/07/Essential-WPF-Theme-Studio-Window.png)

**Note:** Refer to the [Supported Palettes in WPF Theme Studio](https://help.syncfusion.com/wpf/themes/theme-studio#supported-palettes "Link to Supported Palettes in WPF Theme Studio documentation") to see the complete list of palettes in each theme variant.

1. Then, choose your preferred palette using the **Choose palette** drop-down available below the **Choose theme** drop-down. ![Choose the Required Palette](https://www.syncfusion.com/blogs/wp-content/uploads/2021/07/Choose-the-Required-Palette.png) Refer to the following screenshot.

![Customizing Themes Using Palettes in the WPF Theme Studio](https://www.syncfusion.com/blogs/wp-content/uploads/2021/07/Customizing-Themes-Using-Palettes-in-the-WPF-Theme-Studio.png)<figcaption>Customizing Themes Using Palettes in the WPF Theme Studio</figcaption>

**Note:** To see how to export the custom theme, please refer to the [Exporting theme project from the WPF Theme Studio documentation](https://help.syncfusion.com/wpf/themes/theme-studio#exporting-theme-project "Link to Exporting theme project documentation").

## Customize themes using palettes in a WPF application

Next, we will learn how to customize the WPF themes using the color palettes at the application level.

**Step 1: Create a sample project.**

First things first, create a [new WPF project](https://docs.microsoft.com/en-us/dotnet/desktop/wpf/getting-started/walkthrough-my-first-wpf-desktop-application?view=netframeworkdesktop-4.8#create-the-application-project "Link to the tutorial: Create your first WPF application in Visual Studio 2019") in Visual Studio or open an existing one. Here, we are going to create an application with the [WPF DataGrid ](https://www.syncfusion.com/wpf-controls/datagrid "Link to WPF DataGrid")control.

**Step 2: Add WPF DataGrid to the project.**

Follow the steps in [Creating a simple application with SfDataGrid](https://help.syncfusion.com/wpf/datagrid/getting-started#creating-simple-application-with-sfdatagrid "Link to creating a simple application with SfDataGrid documentation") to add and initialize the WPF DataGrid in the created project.

Refer to the following code example.

```html
<Window 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" 
        x:Class="WpfApplication1.MainWindow"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <syncfusion:SfDataGrid x:Name="dataGrid"/>
    </Grid>
</Window>
```

**Step 3: Create and register custom theme settings.**

Next, register the theme settings before setting a theme for the DataGrid control. Each theme supported in the Theme Studio has a theme settings class with the theme name as the prefix.

For example, if **FluentDark** is the theme name, then there will be a theme settings class named **FluentDarkThemeSettings**.

For a complete list of theme settings, refer to the [Customize theme colors and fonts in the application](https://help.syncfusion.com/wpf/themes/skin-manager#customize-theme-colors-and-fonts-in-the-application "Link to customize theme colors and fonts in the application documentation") documentation.

1. Initialize the **FluentDarkThemeSettings** class and change the [Palette](https://help.syncfusion.com/cr/wpf/Syncfusion.Themes.FluentDark.WPF.FluentDarkThemeSettings.html#Syncfusion_Themes_FluentDark_WPF_FluentDarkThemeSettings_Palette "Link to the Palette property of WPF Theme Studio") property available in that class as per your needs.  
Refer to the following code example.
```csharp
public partial class MainWindow : ChromelessWindow
    {
        public MainWindow()
        {
            FluentDarkThemeSettings fluentDarkThemeSettings = new FluentDarkThemeSettings();
            fluentDarkThemeSettings.Palette = FluentPalette.RedOrange;
            InitializeComponent();            
        }        
    }
```

1. Next, register the theme settings in the skin manager using the **RegisterThemeSettings** method, which accepts two parameters: theme name and theme settings instance.
```csharp
public partial class MainWindow : ChromelessWindow
    {
        public MainWindow()
        {
            
            FluentDarkThemeSettings fluentDarkThemeSettings = new FluentDarkThemeSettings();
            fluentDarkThemeSettings.Palette = FluentPalette.RedOrange;
            SfSkinManager.RegisterThemeSettings("FluentDark", fluentDarkThemeSettings);
            InitializeComponent();            
        }        
    }
```

**Step 4: Set the theme to your application.**

Next, set the theme to the project for which custom theme settings are registered.

```csharp
public partial class MainWindow : ChromelessWindow
    {
        public MainWindow()
        { 
            FluentDarkThemeSettings fluentDarkThemeSettings = new FluentDarkThemeSettings();
            fluentDarkThemeSettings.Palette = FluentPalette.RedOrange;
            SfSkinManager.RegisterThemeSettings("FluentDark", fluentDarkThemeSettings);
            SfSkinManager.SetTheme(this, new Theme("FluentDark"));
            InitializeComponent();
         }
    }
```

After executing these steps, we will get an output with a customized palette like in the following screenshot.

![Customizing Themes Using Palettes in a WPF Application](https://www.syncfusion.com/blogs/wp-content/uploads/2021/07/Customizing-Themes-Using-Palettes-in-a-WPF-Application.png)<figcaption>Customizing Themes Using Palettes in a WPF Application</figcaption>

**Note:** Please refer to the [Create Beautiful Themes for Syncfusion WPF Controls in 5 Minutes](https://dev.to/sureshmohan/create-beautiful-themes-for-syncfusion-wpf-controls-in-5-minutes-41do-temp-slug-1545483 "Link to Create Beautiful Themes for Syncfusion WPF Controls in 5 Minutes blog") blog for how to customize specific theme colors and fonts apart from the available palette.

## References

- [Getting Started with WPF Skin Manager documentation](https://help.syncfusion.com/wpf/themes/skin-manager#themes-list "Link to Getting Started with WPF Skin Manager documentation")
- [Getting Started with WPF Theme Studio documentation](https://help.syncfusion.com/wpf/themes/theme-studio "Link to Getting Started with WPF Theme Studio documentation")
- [Customize themes using WPF Palette demo on GitHub repository](https://github.com/SyncfusionExamples/customize-themes-using-palette "Link to Customize themes using WPF Palette demo on GitHub").

## Conclusion

Thanks for reading! In this blog, we have seen the 30 + new color palettes in our [WPF Theme Studio](https://www.syncfusion.com/wpf-controls/themestudio "Link to WPF Theme Studio") and how to customize themes with them. These features will save your time in writing custom styles to achieve the desired customization. These features are available in our [2021 Volume 2 release.](https://www.syncfusion.com/forums/166800/essential-studio-2021-volume-2-main-release-v19-2-0-44-is-available-for-download "Link to download Essential Studio 2021 Volume 2") You can see what else came out in the release in our [release notes](https://help.syncfusion.com/common/essential-studio/release-notes/v19.2.0.44 "Link to Syncfusion release notes") and on the [What’s New page](https://www.syncfusion.com/products/whatsnew "Link to Syncfusion What's New").

So, let’s paint our application with these vivid palette options available in the WPF Theme Studio!

For existing customers, the new Essential Studio version is available for download from the [License and Downloads](https://www.syncfusion.com/account/downloads "Link to license and download page of Essential Studio") page. If you are not yet a Syncfusion customer, you can try our 30-day [free trial](https://www.syncfusion.com/downloads "Link to the free evaluation of the Syncfusion Essential Studio") to check out our available features.

If you wish to send us feedback or ask any questions, please use the comments section below. You can also contact us through our [support forum](https://www.syncfusion.com/forums "Link to the Syncfusion support forum"), [Direct-Trac](https://www.syncfusion.com/support/directtrac/incidents "Link to the Syncfusion support system Direct Trac"), or [feedback portal](https://www.syncfusion.com/feedback/wpf "Link to Syncfusion Feedback Portal"). We are always happy to assist you!

## Related blogs

- [Syncfusion Essential Studio 2021 Volume 2 Is Here!](https://dev.to/sureshmohan/syncfusion-essential-studio-2021-volume-2-is-here-dbk-temp-slug-1234958 "Link to Syncfusion Essential Studio 2021 Volume 2 Is Here! blog")
- [Add, Edit, and Delete Cloud Shapes in PDF Files with Ease in WPF](https://dev.to/karthickramasamy08/add-edit-and-delete-cloud-shapes-in-pdf-files-with-ease-in-wpf-4l52-temp-slug-4649139 "Link to Add, Edit, and Delete Cloud Shapes in PDF Files with Ease in WPF blog")
- [WPF: Create Syntax Highlighter for Any Language in 5 Minutes](https://www.syncfusion.com/blogs/post/wpf-create-syntax-highlighter-in-5-minutes.aspx "Link to WPF: Create Syntax Highlighter for Any Language in 5 Minutes blog")
- [Apply Themes to a WPF Application Using Syncfusion Theme Studio: A Complete Guide](https://dev.to/kartik110895/apply-themes-to-a-wpf-application-using-syncfusion-theme-studio-a-complete-guide-224h-temp-slug-5635853 "Link to Apply Themes to a WPF Application Using Syncfusion Theme Studio: A Complete Guide blog")