[Help] Hover over row in the table - color of the row

[ghost]

Help Wanted

Hello. I got selectable table and when I hover over the row it changes the color to some kind of gray and also changes the mouse cursor. The behavior I am looking for is that the hower only changes the mouse cursor but do not changes the color of the row. Is this possible? BTW: what is the default color of the row when the mouse cursor hover over the selectable table?

Testcase

Basically I am using this table https://fomantic-ui.com/collections/table.html#selectable-row. And when I hover over the row I want to change the cursor but not the color of the row.

[exoego]

The background color of a hovered row on a selectable row is defined here:

Fomantic-UI/src/themes/default/collections/table.variables

Line 169 in 7225780

@selectableBackground: @transparentBlack;

And the variable is used here:

Fomantic-UI/src/definitions/collections/table.less

Lines 622 to 626 in 7225780

	.ui.ui.selectable.table > tbody > tr:hover,
	.ui.table tbody tr td.selectable:hover {
	background: @selectableBackground;
	color: @selectableTextColor;
	}

So, you can customize the background color 😉
To keep the background color, the variable should be transparent, I think.
If customizatoion is first time for you, the below theming page may help.
https://fomantic-ui.com/usage/theming.html

[lubber-de]

If you don't want/can build fomantic yourself , you can simply override this in additional custom CSS for the selector @exoego pointed out above

.ui.ui.selectable.table>tbody>tr:hover,
.ui.table tbody tr td.selectable:hover {
  background: transparent;
}

See https://jsfiddle.net/lubber/ro7hsja8/1/

Closing because solution is explained