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.

Go to accepted answer
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');
}
Assignee
No one
Question details
Labels
None yet
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 v10.1.0-preview. Updated on October 30, 2025, 06:33