Open Closed

Sidebar Logo show default leptonx logo in semi dark theme #9378


User avatar
0
sahanaacharya created

We have replaced all the logos in other themes like dark and light, But in semi dark it still shows the old logo on the sidebar and also does not show any logo when the sidebar is expanded, and when the sidebar is collapsed it shows the leptonx logo. How do we change this for the semi dark theme? Give me some examples for it.


1 Answer(s)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    Hi, to change the logo for semi-dark (dim) theme, you can use the --lpx-theme-dim-bg variable in the CSS and add your logo URL:

    :root {
        --lpx-theme-dim-bg: url('<URL>');
    }
    

    Also, you can use --lpx-logo and --lpx-logo-icon for the small logo, which is only shown when the menu collapsed. For example:

    :root .lpx-theme-dim {
      --lpx-logo: url('/assets/images/logo/logo-light.svg');
      --lpx-logo-icon: url('/assets/images/logo/icon.svg');
    }
    
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.3.0-preview. Updated on June 13, 2025, 11:37