Understanding the theming system

ABP provides a theming system for the Blazor UI, as explained when we covered the MVC/Razor Pages UI in Chapter 12, Working with MVC/Razor Pages. The theme system brings flexibility, so we can develop our applications and modules without depending on a particular UI theme/style.

All of the ABP themes for the Blazor UI use a set of base libraries. The fundamental base library is Bootstrap, whose components are designed to work with JavaScript. Fortunately, some component libraries wrap the Bootstrap components and provide a simpler .NET API, which is more suitable for use in Blazor applications.

One of these component libraries is Blazorise. It is actually an abstraction library and can work with multiple providers such as Bootstrap, Bulma, and Ant Design. ABP startup templates use the Bootstrap provider of the Blazorise library.

You can learn more about Blazorise and see the components in action on its website: https://blazorise.com. The following...