# 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](https://docs.wisej.com/docs/concepts/theming#built-in-themes) or [create your own](https://docs.wisej.com/theme-builder/getting-started/create-new-theme).

See below for more information on theming and customizations.

{% embed url="<https://docs.wisej.com/theme-builder/>" %}

## Changing Themes

By default, new Wisej.NET applications use the [Bootstrap-4](#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:

```csharp
Application.LoadTheme("Bootstrap-4");
```

### Startup

To change the theme **before the application runs**, you can apply it in one of two ways:

{% code title="Web.config" %}

```xml
<configuration>
  <appSettings>
    <add key="Wisej.DefaultTheme" value="Bootstrap-4"/>
  </appSettings>
```

{% endcode %}

or

{% code title="Default.json" %}

```json
{
    "theme": "Bootstrap-4"
}
```

{% endcode %}

{% hint style="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.
{% endhint %}

## 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](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FUhtC6V0X9GRP7ExhPtPN%2Fimage.png?alt=media\&token=fc90bdff-5655-4de8-968e-7bea14440727)

### Blue-2

This theme uses a blue base color, thick window caption, no side window borders borders and [Icons8](https://icons8.com/) SVG icons.

![Wisej.NET Blue-2 Theme](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FkPzSGkqZ5OczTTOreVwP%2Fimage.png?alt=media\&token=9cb623da-db33-41fd-a547-dfa42bf599e1)

### Blue-3

This theme uses a blue base color, thick window borders and [Google Material](https://design.google.com/icons/#ic_library_books) SVG icons. Use it as a base to create new variations.

![Wisej.NET Blue-3 Theme](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FG77B9U5bDmmxwSrxWhYE%2Fimage.png?alt=media\&token=6cbc3999-9d53-4aa4-8f71-c4bfbba47533)

### 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](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fz9iSxdAzCnKRsLDbDp0c%2Fimage.png?alt=media\&token=7e2ab6a3-5336-4b0b-9e4e-1178715464a3)

### 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.

<figure><img src="https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FFcs0i6S5wJ8dbXdIQt08%2FBootstrapDark-4.png?alt=media&#x26;token=201e2eec-ea1d-4eec-86e3-4a2cb1ba6e7c" alt=""><figcaption><p>Wisej.NET BootstrapDark-4 Theme</p></figcaption></figure>

### Classic-2

This theme is based on Windows 10 metrics, font, and design. This theme uses the [Icons8](https://icons8.com/) SVG icons for Windows 10.

![Wisej.NET Classic-2 Theme](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FwqB2NStJgcOj0Luebqr0%2Fimage.png?alt=media\&token=f367e009-fda0-462f-913f-f2b249f49028)

### Clear-1

This theme uses a clear base color, no side window borders, a thick window caption and [FontAwesome](http://fontawesome.io/) SVG icons.

![Wisej.NET Clear-1 Theme](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FQlKw8tfo1J48nYA5YW8b%2Fimage.png?alt=media\&token=cf7d7368-5bac-45b5-82c4-14b2ed8cc5a9)

### Clear-2

This theme uses a clear base color, no side window borders, a thick window caption and [Icons8](https://icons8.com/) SVG icons.

![Wisej.NET Clear-2 Theme](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FG2UTLKuvISlcZiSA7mK5%2Fimage.png?alt=media\&token=2e760001-210b-4f87-b699-1a4afba6ef59)

### Clear-3

This theme uses a clear base color, no side window borders, a thick window caption and [Google Material](https://design.google.com/icons/#ic_library_books) SVG icons.

![Wisej.NET Clear-3 Theme](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FEYyykSmI9FieqokmmRa6%2Fimage.png?alt=media\&token=b1f33ffb-ecc2-43eb-a631-72a9eb6aa4fe)

### 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](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FHVphveptAkkYHhqeSKQG%2Fimage.png?alt=media\&token=15768097-4bce-4ccf-be20-bf4fce4dd3f7)

### 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](https://design.google.com/icons/#ic_library_books) SVG icons.

![Wisej.NET Material-3 Theme](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FNEpGhgEbqN1PhsVbtqNW%2Fimage.png?alt=media\&token=78d01db4-6661-4791-b1c4-f6128b2fda14)

### Vista-2

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

![Wisej.NET Vista-2 Theme](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2FhHsrTHrGaLmSvwdMys9i%2Fimage.png?alt=media\&token=43788120-10fc-4bdd-bcf4-eff2465d6997)