Change colour menu drawer highlight - Dawn

Technical Q&A
1

Hi!

Does somebody know how to make the highlight colour of the drawer menu transparent?

Thanks so much!

Screenshot 2022-10-16 at 22.10.05.png
Screenshot 2022-10-16 at 22.10.05.png322×640 18.6 KB

2

Hi @Perziamalayeri Hope you are doing well
you need to change the code in component-menu-drawer.css file on line 154
from this
background-color: rgba(var(–color-foreground),.04);
to
background-color: transparent;

3

Hi @Perziamalayeri ,

Go to Assets > base.css and paste this at the bottom of the file:

.js .menu-drawer__menu li {
    background: #80808038 !important;
}

You can change the color code to your liking.

Hope it helps!