Open Closed

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


User avatar
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)
  • User Avatar
    0
    alper created
    Support Team Director

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

    @alper, Great, thanks a lot.

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11