```json
//[doc-seo]
{
    "Description": "Explore ABP's official theming system, featuring the LeptonX and Basic themes, to enhance your application's UI effortlessly."
}
```

# The Official Themes
ABP provides a complete UI theming system. While you can build your own themes, you can directly use the following pre-built themes in your applications.

## The LeptonX Theme

[LeptonX Theme](https://x.leptontheme.com/) is the official and default theme when you create a new ABP solution. A screenshot from the LeptonX theme:

![LeptonX Lite application layout](../images/leptonx-theme-users-page.png)

LeptonX theme has two versions:

* [LeptonX Theme](lepton-x/index.md) is included in commercial licenses.
* [LeptonX Lite Theme](lepton-x-lite/index.md) is provided as free.

> If you are looking for the legacy Lepton Theme documentation, please [click here](lepton/index.md).

## The Basic Theme

The Basic Theme is a minimalist theme that doesn't add any styling on top of the plain [Bootstrap](https://getbootstrap.com/) styles. You can take the Basic Theme as the base theme and build your own theme or styling on top of it. Here, a screenshot from the theme:

![basic-theme-application-layout](../images/basic-theme-application-layout.png)

See the following documents based on the UI type you are using:

- [Basic Theme - MVC UI](../framework/ui/mvc-razor-pages/basic-theme.md)
- [Basic Theme - Blazor UI](../framework/ui/blazor/basic-theme.md)
- [Basic Theme - Angular UI](../framework/ui/angular/basic-theme.md)

## See Also

* [Theming - MVC UI](../framework/ui/mvc-razor-pages/theming.md)
* [Theming - Blazor UI](../framework/ui/blazor/theming.md)
* [Theming - Angular UI](../framework/ui/angular/theming.md)