Theming

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.

https://docs.wisej.com/theme-builder/

Changing Themes

By default, new Wisej.NET applications use the Bootstrap-4 theme. The theme can be changed in 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"
}

warning

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.

Blue-2

This theme uses a blue base color, thick window caption, no side window borders borders and Icons8 SVG icons.

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.

Bootstrap-4

This theme is based on the popular Bootstrap theme, using its distinctive colors, focus shadow, and Bootstrap SVG icons.

BootstrapDark-4

This theme is based on the popular Bootstrap theme, using its distinctive colors, focus shadow, and Bootstrap SVG icons. This theme has a dark background and light text.

Wisej.NET BootstrapDark-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.

Clear-1

This theme uses a clear base color, no side window borders, a thick window caption and FontAwesome SVG icons.

Clear-2

This theme uses a clear base color, no side window borders, a thick window caption and Icons8 SVG icons.

Clear-3

This theme uses a clear base color, no side window borders, a thick window caption and Google Material SVG icons.

Graphite-3

This theme uses overlapped scrollbars to implement cool disappearing and overlapped scrollbars similar to the Windows UWP style.

Material-3

This theme is inspired by Google Material Design, with sleek animations, a large window caption, and a minimalist layout. It uses Google Material SVG icons.

Vista-2

This theme is based on Windows Vista metrics, font, icons and design.