New to Telerik UI for WinForms? Download free 30-day trial

Windows11 Themes Blending

Telerik UI for WinForms suite offers a touch-optimized theme that provides additional features such as custom fonts, built-in animations, and shadows. The Visual Style Builder tool provides a functionality to blend the colors of an existing theme so that a completely new theme can be created in a couple of minutes. We also have four different Windows11 themes that share similar design but have different colors:

  • Windows11
  • Windows11Dark
  • Windows11Compact
  • Windows11CompactDark

The Windows11 themes are designed to work with a predefined set of colors. The tutorial here will demonstrate how a new Windows11 theme can be created. The same steps can be also followed with the other Windows11 themes.

Figure 1: Windows11 Theme

tools-visual-style-builder-working-with-visual-style-builder-windows11-themes-blending 001

Figure 2: Windows11Dark Theme

tools-visual-style-builder-working-with-visual-style-builder-windows11dark-themes-blending 002

Figure 3: Windows11Compact Theme

tools-visual-style-builder-working-with-visual-style-builder-windows11compact-themes-blending 003

Figure 4: Windows11CompactDark Theme

tools-visual-style-builder-working-with-visual-style-builder-windows11compactdark-themes-blending 004

Generate Windows11 Variation

Visual Style Builder provides an easy way to generate different color variations of the above Windows11 themes. Windows11 theme blending uses the basic Windows11 theme by executing a series of predefined commands.

To start generating theme blending select Tools >> Generate Windows11 Theme Variation menu item: Below you can find the other options available:

* **Generate Windows11Dark Theme Variation**
* **Generate Windows11Compact Theme Variation**
* **Generate Windows11CompactDark Theme Variation**

Figure 5: Generate Windows11 Theme Variation

tools-visual-style-builder-working-with-visual-style-builder-windows11-themes-blending 005

tools-visual-style-builder-working-with-visual-style-builder-windows11-themes-blending 006

If you already have loaded a customized Windows11 theme (but not a Windows11 theme variation) it will remain loaded when generating a Windows11 variation. This will open the Windows11 Blend Dialog from which you can create a new palette or modify the selected one.

Figure : Windows11 Blend Dialog

tools-visual-style-builder-working-with-visual-style-builder-windows11-themes-blending 007

If you want to create a brand new palette you can click on the Create New palette button and it will open New Palette Dialog.

If you want to edit the existing palette then click on the Modify selected palette button and it will open Modify Palette Dialog. You will be able to modify any of the existing colors.

Once you get ready with picking colors for the palette you can click the Generate theme button. A new variation of the Windows11 theme will be exported using the selected colors. Then, save the theme:

Figure 6: Save the Theme

tools-visual-style-builder-working-with-visual-style-builder-windows11-themes-blending 008

Your custom theme variation is ready to use. After loading the custom theme in Theme Viewer the primary/accent colors are replaced:

Figure 7: Load Windows11LightBlue theme variation

tools-visual-style-builder-working-with-visual-style-builder-windows11-themes-blending 009

You can use the same approach for all the other Windows11 themes.

Figure 8: Load Windows11CompactDarkYellow theme variation

tools-visual-style-builder-working-with-visual-style-builder-windows11-themes-blending 003

See Also

In this article