Improve HTML coverage state contrast

Author: patrick91

README.md

@@ -83,11 +83,11 @@ with the overall percentage, uses Python-first names, and groups compact
 single-line field rows under their type. Soft green and red rows distinguish
 covered and missing fields, and missing fields are also labeled in text so the
 state survives printing. In resolver mode, fields using ordinary attribute
-lookup can be shown as neutral `not counted` rows for context while remaining
-excluded from coverage totals. Checkboxes can hide fully covered types or reveal
-those excluded fields without JavaScript. For declarations inside the pytest
-project root, the type header shows the Python file and each field shows its
-definition line.
+lookup can be shown as muted yellow-gray `not counted` rows for context while
+remaining excluded from coverage totals. Checkboxes can hide fully covered
+types or reveal those excluded fields without JavaScript. For declarations
+inside the pytest project root, the type header shows the Python file and each
+field shows its definition line.
 Fields wired through an external resolver, resolver factory, lambda, or
 user-defined field extension also include a compact `via ...` hint. Ordinary
 inline methods and framework-generated fields remain unannotated, keeping the

RELEASE.md

@@ -6,5 +6,5 @@ Add a self-contained, responsive HTML reporter for Strawberry field coverage
 with an overall score, compact single-line Python-first type and field rows,
 covered and missing row states with text status labels, sticky scanning
 context, non-obvious resolver and custom-extension hints, schema-definition
-locations, CSS-only report filters, neutral not-counted default fields,
+locations, CSS-only report filters, muted yellow-gray not-counted default fields,
 threshold status, dark mode, print styles, and pytest-xdist aggregation.

pytest_strawberry/html_report.py

@@ -33,10 +33,12 @@
   --border-strong: rgb(24 24 27 / 20%);
   --accent: #be123c;
   --high: #15803d;
-  --high-soft: #f0fdf4;
+  --high-soft: #dcfce7;
   --medium: #a16207;
   --low: #b91c1c;
-  --low-soft: #fef2f2;
+  --low-soft: #fee2e2;
+  --excluded: #78716c;
+  --excluded-soft: #f5f5ed;
   --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   --column-row-height: 1.75rem;
   --cell-x: 0.5rem;
@@ -335,6 +337,10 @@
   --field-background: var(--low-soft);
 }
 
+.field-row[data-status="excluded"] {
+  --field-background: var(--excluded-soft);
+}
+
 .field-row > * {
   padding: 0.375rem var(--cell-x);
   border-top: 1px solid var(--border);
@@ -363,6 +369,10 @@
   color: var(--text-muted);
 }
 
+.field-row[data-status="excluded"] .field-status-cell {
+  color: var(--excluded);
+}
+
 .field-location,
 .field-resolution {
   color: var(--text-muted);
@@ -481,10 +491,12 @@
     --border-strong: rgb(244 244 245 / 20%);
     --accent: #fb7185;
     --high: #4ade80;
-    --high-soft: rgb(74 222 128 / 7%);
+    --high-soft: rgb(74 222 128 / 14%);
     --medium: #fbbf24;
     --low: #f87171;
-    --low-soft: rgb(248 113 113 / 8%);
+    --low-soft: rgb(248 113 113 / 14%);
+    --excluded: #a8a29e;
+    --excluded-soft: rgb(250 204 21 / 9%);
   }
 }
 
@@ -497,8 +509,10 @@
     --text-muted: #52525b;
     --border: rgb(24 24 27 / 15%);
     --border-strong: rgb(24 24 27 / 30%);
-    --high-soft: #f0fdf4;
-    --low-soft: #fef2f2;
+    --high-soft: #dcfce7;
+    --low-soft: #fee2e2;
+    --excluded: #57534e;
+    --excluded-soft: #f5f5ed;
   }
 
   .page {

tests/test_coverage.py

@@ -209,14 +209,20 @@ def test_query() -> None:
     assert excluded_control is not None
     assert "checked" not in excluded_control.group("attributes")
     assert 'data-fully-covered="true"' in html
-    assert 'data-status="excluded"' in html
+    assert all(
+        marker in html
+        for marker in (
+            'data-status="excluded"',
+            "--excluded-soft: #f5f5ed;",
+            '.field-row[data-status="excluded"] {',
+        )
+    )
     assert '<div class="type-columns" aria-hidden="true">' in html
     assert "<details" not in html
     assert 'class="type-header-row"' in html
     assert '<table class="field-table">' in html
     assert 'class="field-resolution"' not in html
-    assert "Python type" not in html
-    assert "Python field" not in html
+    assert not any(label in html for label in ("Python type", "Python field"))
     assert ">Covered<" not in html
     assert ">Missing<" not in html
     assert 'aria-label="viewer, covered"' in html
@@ -226,6 +232,7 @@ def test_query() -> None:
     assert '<td class="field-status-cell">missing</td>' in html
     assert '<td class="field-status-cell">not counted</td>' in html
     assert html.count('<td class="field-status-cell"></td>') == _COVERED_FIELD_COUNT
+    assert "--high-soft: #dcfce7;" in html
     assert 'class="summary-score" data-tone="medium"' in html
     assert "2/3 fields covered" in html
     assert 'class="schema-identity"' not in html