Open Closed

Customization of LiptonX theme #5283


User avatar
0
apxsl created

Hello,

We are doing UI customization of LiptonX theme in our blazer server project. We need to override some of the styles in layout-bundle.css. How do we add our custom.css file to the project?

We can't override with global-styles files because it is linked before the layout-bundle.css.

Regards, Wasantha.


1 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    You can add your custom CSS via this way:

    Configure<AbpBundlingOptions>(options =>
    {
        // Blazor UI
        options.StyleBundles.Configure(
            BlazorLeptonXThemeBundles.Styles.Global,
            bundle =>
            {
                bundle.AddFiles("/mycustom.css");
                //You can remove the following line if you don't use Blazor CSS isolation for components
                bundle.AddFiles("/MyCompanyName.MyProjectName.Blazor.Server.styles.css");
            }
        );
    });
    
Made with ❤️ on ABP v9.1.0-preview. Updated on December 10, 2024, 06:38