LeptonX Theme Module
The LeptonX Theme is a professional theme for the ABP Commercial.
- Check out the website of LeptonX on https://leptontheme.com/
- Check out the live demo to see it in action. https://x.leptontheme.com/
Highlights
- Built on the Bootstrap 5 library.
- 100% compatible with Bootstrap 5 HTML structure and CSS classes
- Responsive & mobile-compatible.
- Provides different style like Dim, Dark and Light.
A screenshot from the light style of the theme:
See all the theme styles and create a demo to see it in action.
How to Install
LeptonX Theme module is pre-installed in the startup templates. So, no need to manually install it.
Packages
This module follows the module development best practices guide and consists of several NuGet and NPM packages. See the guide if you want to understand the packages and relations between them.
NuGet Packages
- Volo.Abp.AspNetCore.Components.Server.LeptonXTheme
- Volo.Abp.AspNetCore.Components.Web.LeptonXTheme
- Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXTheme
- Volo.Abp.AspNetCore.LeptonX.Shared
- Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX
NPM Packages
- @volo/abp.aspnetcore.mvc.ui.theme.leptonx
- @volo/aspnetcore.components.server.leptonxtheme
Angular
- @volo/abp.ng.lepton-x.core
- @volo/ngx-lepton-x.core
- @volosoft/abp.ng.theme.lepton-x
- @volosoft/ngx-lepton-x
User Interface
LeptonX Theme module doesn't provide any UI pages. It just changes the existing UI pages of an application. Here are some sample pages:
Login page
Languages Page
Pages
This module doesn't define any pages.
Identity Module Settings UI
LeptonX Theme module adds a new tab to the Settings page to customize the behavior on runtime.
Internals
Settings
LeptonX Module doesn't define any settings.
Permissions
LeptonX Module doesn't define any permissions.
Source code
To download the source-code of the LeptonX Theme use the following CLI command
abp get-source Volo.Abp.LeptonXTheme.Pro
If you want to download the source code of the preview version, you can use the command below
abp get-source Volo.Abp.LeptonXTheme.Pro --preview
ABP Commercial customers can also download the source code of https://x.leptontheme.com/ using the downlaod link https://abp.io/api/download/samples/leptonx-demo
LeptonX Theme Customization
Customization documents are being prepared.