Boostrap 5 upgrade: Updated CSS rules to handle color propagation.

Author: gammamatrix

Diff for: src/Report/Html/Renderer/Template/css/style.css

@@ -39,23 +39,23 @@ body {
  border: 0 !important;
 }
 
-.table tbody tr.covered-by-large-tests td, li.covered-by-large-tests, tr.success, td.success, li.success, span.success {
+.table tbody tr.covered-by-large-tests, .table tbody tr.covered-by-large-tests td, li.covered-by-large-tests, tr.success, tr.success td, td.success, li.success, span.success {
  background-color: {{success-low}};
 }
 
-.table tbody tr.covered-by-medium-tests td, li.covered-by-medium-tests {
+.table tbody tr.covered-by-medium-tests, .table tbody tr.covered-by-medium-tests td, li.covered-by-medium-tests {
  background-color: {{success-medium}};
 }
 
-.table tbody tr.covered-by-small-tests td, li.covered-by-small-tests {
+.table tbody tr.covered-by-small-tests, .table tbody tr.covered-by-small-tests td, li.covered-by-small-tests {
  background-color: {{success-high}};
 }
 
-.table tbody tr.warning td, .table tbody td.warning, li.warning, span.warning {
+.table tbody tr.warning, .table tbody tr.warning td, .table tbody td.warning, li.warning, span.warning {
  background-color: {{warning}};
 }
 
-.table tbody tr.danger td, .table tbody td.danger, li.danger, span.danger {
+.table tbody tr.danger, .table tbody tr.danger td, .table tbody td.danger, li.danger, span.danger {
  background-color: {{danger}};
 }
 
@@ -89,13 +89,11 @@ td span.html {
 }
 
 td span.keyword {
- color: #2e3436;
  color: var(--bs-body-color);
  font-weight: bold;
 }
 
 pre span.string {
- color: #2e3436;
  color: var(--bs-body-color);
 }
 
@@ -139,22 +137,22 @@ table + .structure-heading {
  text-align: center;
 }
 
-.covered-by-small-tests, tr.covered-by-small-tests td {
+.covered-by-small-tests {
  background-color: {{success-high}};
 }
 
-.covered-by-medium-tests, tr.covered-by-medium-tests td {
+.covered-by-medium-tests {
  background-color: {{success-medium}};
 }
 
-.covered-by-large-tests, tr.covered-by-large-tests td {
+.covered-by-large-tests {
  background-color: {{success-low}};
 }
 
-.not-covered, tr.not-covered td {
+.not-covered {
  background-color: {{danger}};
 }
 
-.not-coverable, tr.not-coverable td {
+.not-coverable {
  background-color: {{warning}};
 }