Usar este CSS
.menu-highlight a{
color: #ffffff !important;
background: #b760e6;
border-color: #fff;
border-style: solid;
border-width: 2px;
border-radius: 5px;
padding: 0px 10px !important;
transition: all 0.2s linear;
line-height:45px;
}
.menu-highlight a{
color:#fff !important;
}
.menu-highlight a:hover {
color: #ffffff !important;
background: #b760e6;
border-color: #b760e6;
}
li.menu-highlight:hover a{
color:#b760e6 !important;
border-color: #b760e6;
background: #fff;
}
.menu-highlight:active {
border-radius: 22px;
}
Cambiar colores de acuerdo a la imagen del cliente
En el Menú, seleccionar el item y colocar en css menu-highlight