Theming

Learn how to apply different themes to your Wisej.NET application.

Wisej.NET themes are collections of styles, fonts, and images that define the look and feel of components and other UI features. You can use one of the built-in themes or create your own.
See below for more information on theming and customizations.
Introduction
Wisej.NET Theme Builder
Wisej.NET Theme Builder
Changing Themes
By default, new Wisej.NET applications use the Bootstrap-4 theme. The theme can be changed in one of several ways.
Runtime
To change the theme at runtime, use the following line in your code:
Application.LoadTheme("Bootstrap-4");
Startup
To change the theme before the application runs, you can apply it in one of two ways:
Web.config
<configuration>
  <appSettings>
    <add key="Wisej.DefaultTheme" value="Bootstrap-4"/>
  </appSettings>
or
Default.json
{
    "theme": "Bootstrap-4"
}
Changing the theme in the Wisej.NET Designer in Visual Studio will only show the changes at design-time. Use one of the above methods to apply it at runtime.
Built-In Themes
New Wisej.NET applications come with several built-in base themes that can be used to style the application.
Blue-1
This theme uses a blue base color, thick window borders and FontAwesome SVG icons.
Wisej.NET Blue-1 Theme
Blue-2
This theme uses a blue base color, thick window caption, no side window borders borders and Icons8 SVG icons.
Wisej.NET Blue-2 Theme
Blue-3
This theme uses a blue base color, thick window borders and Google Material SVG icons. Use it as a base to create new variations.
Wisej.NET Blue-3 Theme
Bootstrap-4
This theme is based on the popular Bootstrap theme, using its distinctive colors, focus shadow, and Bootstrap SVG icons.
Wisej.NET Bootstrap-4 Theme
Classic-2
This theme is based on Windows 10 metrics, font, and design. This theme uses the Icons8 SVG icons for Windows 10.
Wisej.NET Classic-2 Theme
Clear-1
This theme uses a clear base color, no side window borders, a thick window caption and FontAwesome SVG icons.
Wisej.NET Clear-1 Theme
Clear-2
This theme uses a clear base color, no side window borders, a thick window caption and Icons8 SVG icons.
Wisej.NET Clear-2 Theme
Clear-3
This theme uses a clear base color, no side window borders, a thick window caption and Google Material SVG icons.
Wisej.NET Clear-3 Theme
Graphite-3
This theme uses overlapped scrollbars to implement cool disappearing and overlapped scrollbars similar to the Windows UWP style.
Wisej.NET Graphite-3 Theme
Material-3
This super cool theme is inspired by Google Material Design, with sleek animations, a large window caption, and a minimalist layout. It uses Google Material SVG icons.
Wisej.NET Material-3 Theme
Vista-2
This theme is based on Windows Vista metrics, font, icons and design.
Wisej.NET Vista-2 Theme
​

Last modified 9mo ago