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: