Bug on Dark Themes related with fixed columns

[wolnynick]

[X] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Current behavior
On Vela-Blue theme there is a error with fixed columns, because background color on stripped rows and also on hover have opacity and because of it we can see values from not fixed columns under fixed columns after scroll

Before scroll:

After scroll:

Classes responsible for this bug:

.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: rgba(255, 255, 255, 0.01);
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.87);
}

React version:
17.0.2

PrimeReact version:
7.2.0

[melloware]

I can't imagine its just vela-blue i would assume all the themes have this problem?

[wolnynick]

I don't know how many, I use only Saga-Blue and Vela-Blue and on Saga-Blue I don't have any problems because in this theme there is no opacity in these classes:

.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #fcfcfc;
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
}