From c66cb7eedf7c8161aee228e0f8234746948593ec Mon Sep 17 00:00:00 2001
From: John Pham <john@highlight.run>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH] Set the blockClass element's background color to the
 inherited color (#707)

* Set the blockClass element's background color to the inherited color

* Update snapshot

* Update snapshot
---
 packages/rrweb/src/replay/styles/inject-style.ts       |  2 +-
 .../rrweb/test/__snapshots__/replayer.test.ts.snap     | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/rrweb/src/replay/styles/inject-style.ts b/packages/rrweb/src/replay/styles/inject-style.ts
index b8b7f09f..f5018561 100644
--- a/packages/rrweb/src/replay/styles/inject-style.ts
+++ b/packages/rrweb/src/replay/styles/inject-style.ts
@@ -1,5 +1,5 @@
 const rules: (blockClass: string) => string[] = (blockClass: string) => [
-  `.${blockClass} { background: #ccc }`,
+  `.${blockClass} { background: currentColor }`,
   'noscript { display: none !important; }',
 ];
 
diff --git a/packages/rrweb/test/__snapshots__/replayer.test.ts.snap b/packages/rrweb/test/__snapshots__/replayer.test.ts.snap
index c95a251b..31f96f22 100644
--- a/packages/rrweb/test/__snapshots__/replayer.test.ts.snap
+++ b/packages/rrweb/test/__snapshots__/replayer.test.ts.snap
@@ -43,7 +43,7 @@ file-frame-2
 file-cid-0
 @charset \\"utf-8\\";
 
-.rr-block { background: rgb(204, 204, 204); }
+.rr-block { background: currentcolor; }
 
 noscript { display: none !important; }
 
@@ -91,7 +91,7 @@ file-frame-2
 file-cid-0
 @charset \\"utf-8\\";
 
-.rr-block { background: rgb(204, 204, 204); }
+.rr-block { background: currentcolor; }
 
 noscript { display: none !important; }
 
@@ -138,7 +138,7 @@ file-frame-5
 file-cid-0
 @charset \\"utf-8\\";
 
-.rr-block { background: rgb(204, 204, 204); }
+.rr-block { background: currentcolor; }
 
 noscript { display: none !important; }
 
@@ -216,7 +216,7 @@ file-frame-5
 file-cid-0
 @charset \\"utf-8\\";
 
-.rr-block { background: rgb(204, 204, 204); }
+.rr-block { background: currentcolor; }
 
 noscript { display: none !important; }
 
@@ -296,7 +296,7 @@ file-frame-5
 file-cid-0
 @charset \\"utf-8\\";
 
-.rr-block { background: rgb(204, 204, 204); }
+.rr-block { background: currentcolor; }
 
 noscript { display: none !important; }