Open Closed

How to override lepton theme by virtual file system? #26


0
trendline created

I want to override some lepton theme, how can I know the lepton theme structure, then I can locates a new file into the same location. I am team user of abp commercial, I have no the source code of the pro module, is there a way you can show me the theme structure?


2 Answer(s)
  • 0
    alper created
    Support Team

    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
    
  • 0
    trendline created

    @alper, Great, thanks a lot.