XF 2.2 Change table background color

[neon tetra]

How do I change the background color of the table submenu in the toolbar and also the table columns in XF2.2?

As you can see, my table borders and separators are not visible in the below screenshots and its difficult to identify rows and columns in my theme styling.

 

[l3ta]

I actually had this same problem in one of my styles and this code helped:

.fr-popup {background: black;}

.fr-view > table > thead > tr > td, .fr-view > table > tbody > tr > td {
    background: transparent;
    border: 1px solid #29333c;
}
    
.bbTable > table > thead > tr > td, .bbTable > table > tbody > tr > td {
    background: transparent;
    border: 1px solid #29333c;
}

 

[neon tetra]

Brilliant... this worked like a charm!