Vaadin grid selected row color

Searched a lot to change the default selected row background color of Vaadin 24 grid with CSS,
tried

vaadin-grid::part(selected-row) {
  background: orange;
}

but it is not working.

I am able to change selected row font color with

vaadin-grid::part(selected-row) {
      color: blue;
    }

somebody please help.

The reason it's not working is that the cells define their own background color, so you need to override that instead with vaadin-grid::part(selected-row-cell)

Try to set it like this:

vaadin-grid::part(selected-row) {
  background-image: linear-gradient(#ff8800, #ff8800);
}