Page 1 of 1

When to modify admin sidebar color on 3.2.5

Posted: Fri Feb 18, 2022 10:32 pm
by stodd
Version of script: 3.2.5

Could someone point me to where I can change the background color of the left sidebar/menu section of the Admin interface?

I'm not a CSS expert and have been looking and looking but hoping someone can point me to the right file/setting to adjust from the Blue Grey to another color.

Re: When to modify admin sidebar color on 3.2.5

Posted: Sat Feb 19, 2022 11:51 am
by Klemen
I have this one from a Hesk client that you can modify to fit your needs:

1. save this code as "admin.css" for example:

Code: Select all

.main-menu {
    background-color: #e23940;
    color: rgba(255, 255, 255, 0.75);
}

.navbar__list li .submenu__list .submenu__listitem.current::before {
    background: #64cd27;
}

.navbar__toggler {
    color: rgba(255, 255, 255, 0.75);
}

.navbar__logo {
    color: rgba(255, 255, 255, 0.75);
}

.header .header__mobile {
    background-color: #565759;
}
2. modify the colors
3. in Settings > General enable "Admin CSS: Load an extra custom style file for the admin panel"
4. enter the URL of your admin.css file
5. save changes