Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Badge Background Color in ValoTheme.MENU_BADGE
Hello,
im realtively new to this styling things with css.
Could give me someone an hint or pointer how i can changy the backgriund color of the badge label ?
I need to remove them so that i can place a "second" ImageIcon to the right side.
Can i modfy this programmatically or do i need to overwrite some style parameters, or do i need to create my "own" style ?
Thanks for any hints or clues
peter
Hey Peter,
I think the background-color is derived from $valo-menu-background-color. However, if you just want to change the background color without fiddling with theme parameters, you can add the following to your theme (WebContent/VAADIN/themes/<your-theme>/<your-theme>.scss):
@mixin <your-theme> {
@include valo;
.valo-menu-item [class*="badge"] {
background: blue;
}
}