فتح مغلق

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


User avatar
0
trendline خلقت

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 إجابة (إجابات)
  • User Avatar
    0
    alper خلقت
    فريق الدعم 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 خلقت

    @alper, Great, thanks a lot.

Made with ❤️ on ABP v8.2.0-preview Updated on مارس 25, 2024, 15:11