From 932b6e6a5627c467005b4511bf2d21d5960eafe1 Mon Sep 17 00:00:00 2001
From: Pavel Feldman <pavel.feldman@gmail.com>
Date: Thu, 15 May 2025 14:53:44 -0700
Subject: [PATCH] chore(html-report): use muted colors for subtle items
 (#35966)

---
 packages/html-reporter/src/testCaseView.css | 2 +-
 packages/html-reporter/src/testFileView.css | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/html-reporter/src/testCaseView.css b/packages/html-reporter/src/testCaseView.css
index dc51f6852d..b070503668 100644
--- a/packages/html-reporter/src/testCaseView.css
+++ b/packages/html-reporter/src/testCaseView.css
@@ -43,7 +43,7 @@
 }
 
 .test-case-run-duration {
-  color: var(--color-fg-subtle);
+  color: var(--color-fg-muted);
   padding-left: 8px;
 }
 
diff --git a/packages/html-reporter/src/testFileView.css b/packages/html-reporter/src/testFileView.css
index e84215c5be..489cce61ba 100644
--- a/packages/html-reporter/src/testFileView.css
+++ b/packages/html-reporter/src/testFileView.css
@@ -36,7 +36,7 @@
   margin: 0 0 0 15px;
   line-height: 16px;
   font-weight: 400;
-  color: var(--color-fg-subtle);
+  color: var(--color-fg-muted);
   display: flex;
   align-items: center;
 }
@@ -44,7 +44,7 @@
 .test-file-path {
   text-overflow: ellipsis;
   overflow: hidden;
-  color: var(--color-fg-subtle);
+  color: var(--color-fg-muted);
 }
 
 .test-file-path-link {
@@ -58,7 +58,7 @@
 }
 
 .test-file-badge span {
-  color: var(--color-fg-subtle);
+  color: var(--color-fg-muted);
 }
 
 .test-file-badge:hover {
@@ -66,7 +66,7 @@
 }
 
 .test-file-badge svg {
-  fill: var(--color-fg-subtle);
+  fill: var(--color-fg-muted);
 }
 
 .test-file-badge:hover svg {