hi @trendline,

This is the embedded resource list of the Lepton Theme. You can overwrite them, by creating your own file with the same name and putting it in the same folder.

CSS

• Themes\Lepton\Global\styles\lepton1.css
• Themes\Lepton\Global\styles\lepton1.min.css
• Themes\Lepton\Global\styles\lepton2.css
• Themes\Lepton\Global\styles\lepton2.min.css
• Themes\Lepton\Global\styles\lepton3.css
• Themes\Lepton\Global\styles\lepton3.min.css
• Themes\Lepton\Global\styles\lepton4.css
• Themes\Lepton\Global\styles\lepton4.min.css
• Themes\Lepton\Global\styles\lepton5.css
• Themes\Lepton\Global\styles\lepton5.min.css

CSHTML

• Pages_ViewImports.cshtml
• Themes\Lepton_ViewImports.cshtml
• Themes\Lepton\Components\Content\Alerts\Default.cshtml
• Themes\Lepton\Components\Content\BreadCrumb\Default.cshtml
• Themes\Lepton\Components\Content\Title\Default.cshtml
• Themes\Lepton\Components\Header\Default.cshtml
• Themes\Lepton\Components\Header\Brand\Default.cshtml
• Themes\Lepton\Components\Header\ToolBar\Default.cshtml
• Themes\Lepton\Components\MainMenu\Default.cshtml
• Themes\Lepton\Components\MainMenu_MenuItem.cshtml
• Themes\Lepton\Components\Toolbar\LanguageSwitch\Default.cshtml
• Themes\Lepton\Components\Toolbar\UserMenu\Default.cshtml
• Themes\Lepton\Layouts\Account\Default.cshtml
• Themes\Lepton\Layouts\Account_Footer.cshtml
• Themes\Lepton\Layouts\Application\Default.cshtml
• Themes\Lepton\Layouts\Application_Footer.cshtml
• Themes\Lepton\Layouts\Empty\Default.cshtml
• Views_ViewImports.cshtml
• Views\Error\401.cshtml
• Views\Error\403.cshtml
• Views\Error\404.cshtml
• Views\Error\500.cshtml
• Views\Error\DefaultErrorComponent\Default.cshtml
• Pages\LeptonThemeManagement_ViewImports.cshtml
• Pages\LeptonThemeManagement\Components\LeptonThemeSettingGroup\Default.cshtml

JS

• Themes\Lepton\Global\scripts\app.js
• Themes\Lepton\Global\scripts\chart.js
• Pages\LeptonThemeManagement\Components\LeptonThemeSettingGroup\Default.js

Eg: To overwrite the Footer view, create your own _Footer.cshml in the following path in your Web project

Themes\Lepton\Layouts\Application\_Footer.cshtml

hi,

you can use OpenID Connect. See our demo application (Angular client), https://commercial.abp.io/demo it calls http://9cc87abb646dbc56.demo.commercial.abp.io/.well-known/openid-configuration then makes a request to http://9cc87abb646dbc56.demo.commercial.abp.io/connect/token

See also https://docs.abp.io/en/abp/latest/Samples/Microservice-Demo#authentication

Hi,

The demo version is an instance of ABP Commercial Angular template. We have added some custom components for demo. You can create your own demo.

There's an enum for Lepton styles. You can use it in backend

Volo.Abp.LeptonTheme.Management.LeptonStyle

To change the lepton theme style you can use appsettings.json

{
  "ConnectionStrings": {
    "Default": "Server=localhost;Database=TestDatabase;Trusted_Connection=True;MultipleActiveResultSets=true"
  }, 
  "Settings": {
    "Volo.Abp.LeptonTheme.Layout.MenuPlacement": "Top",
    "Volo.Abp.LeptonTheme.Style": "Style5",
    "Volo.Abp.LeptonTheme.Layout.Boxed": "True",
    "Volo.Abp.LeptonTheme.Layout.MenuStatus": "AlwaysOpened"
  }
}

Alternatively you can set it in the database.

Table name: AbpSettings

| Name | Value | ProviderName | | --- | --- | --- | | Volo.Abp.LeptonTheme.Layout.Boxed | True, False | T | | Volo.Abp.LeptonTheme.Layout.MenuPlacement | Top, Left | T | Volo.Abp.LeptonTheme.Style | Style1, Style2, Style3, Style4, Style5 | T | Volo.Abp.LeptonTheme.Layout.MenuStatus | AlwaysOpened or OpenOnHover | T

hi,

I've created a gist tutorial to show how to customize the current login view https://gist.github.com/ebicoglu/eebfbc7368b3ab1b739afdf56a293d8f

there's no exact date but it's on the roadmap (short term)

This has been already addressed in https://github.com/volosoft/volo/issues/835. We're waiting a PR to resolve the issue. On the other, this library works cross-platform even with this version. All the methods we use works on Linux,Mac and Windows. It doesn't break cross-platform functionality. But anyway we'll fix that issue as soon as possible.