Contrast issue: Border between two table-{success,danger,…} rows is gray
Created by: blixt
Currently, when several rows of the same table-<context>
class follow each other, they are separated by a gray border which looks out of place and in some cases also have contrast issues:
(Note: in this screenshot the leftmost column has rowspan="3"
)
I propose a rule similar to the following to all classes that affect table row backgrounds:
tr.table-success ~ tr.table-success td, tr.table-success ~ tr.table-success th {
border-top-color: hsla(133, 42%, 74%, 1);
}
It would look like this instead: