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; }