Coloring can be done with CSS, perhaps crudely here based on the title attribute of the second cell (since the row isn't classed as pass/block/reject):

tr:has(td:nth-child(2)[title="traffic is rejected"]) {
   background-color: #ff000033;
}
tr:has(td:nth-child(2)[title="traffic is passed"]) {
  background-color: #00ff0033;
}

However the table of rules is (faintly) striped, and the more specific disabled overrides the coloring, using

.table-striped > tbody > tr.disabled:nth-of-type(2n+1) {
and
.table-striped > tbody > tr.disabled:nth-of-type(2n) {

...so some work would need to be done on getting the CSS to be correct for all cases.

image: