Changing row color, hover color

I want to change row hover, row click and row double click colors. Changing the primary and secondary theme colors does not seem to affect these. It only seems to change the grid dialog box and others. What is the preferred approach to do this?

Hello Arunava,

Currently we don’t provide a way to change them, since there is no row component that can expose a way of changing the hover, click or double click at a row level.

Please let me know if you have any questions.

Regards,
Ivan Kitanov

Changing css will not work?
If row colors do not change I will have to use the default pink on row click? Can I not inject themes?

Hello Arunava,

What I can suggest you for achieving the styling you would like, is creating a custom theme setting the colors for the properties of the theme. All the properties could be found here. I’ve created a small sample that uses a custom theme, in it I am using the $cell-selected-text-color as well as the $cell-active-border-color, which change the appearance of the active cell, which is the last cell that the user has clicked, in addition to this I have used the $row-hover-background to change the appearance of the row that the user hovers on.

You can access the sample here.

As for the click and double click as I mentioned in my previous post it is not possible currently, since there is no row component that could expose a way of changing them.

Please test the sample on your side and review the styling properties that have been shared above and let me know if you have any questions.

Regards,
Ivan Kitanov