From db27bed34e969ed214794925c9c66fc03e61a7a3 Mon Sep 17 00:00:00 2001
From: Yukon <126093594+baseGame@users.noreply.github.com>
Date: Sat, 26 Sep 2026 04:03:11 +0800
Subject: [PATCH] Match Media side panel fill to capture #f0f0f0

---
 src/styles/main.css                   | 2 +-
 src/styles/mediaChromeDensity.test.ts | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/styles/main.css b/src/styles/main.css
index be87fdb2..a27d038c 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -2676,7 +2676,7 @@ html[data-show-path-bars='0'] .path-pair-bar {
   min-height: 18px !important;
   padding: 2px 4px !important;
   border-radius: 0 !important;
-  background: #f5f5f5 !important;
+  background: #f0f0f0 !important;
 }
 
 .media-compare-view .media-summary-grid,
diff --git a/src/styles/mediaChromeDensity.test.ts b/src/styles/mediaChromeDensity.test.ts
index d1a6a9b3..c819e58a 100644
--- a/src/styles/mediaChromeDensity.test.ts
+++ b/src/styles/mediaChromeDensity.test.ts
@@ -166,3 +166,9 @@ describe('media path meta residual', () => {
     )
   })
 })
+
+describe('media side panels fill', () => {
+  it('matches capture media side/report panel fill #f0f0f0', () => {
+    expect(css).toMatch(/\.media-compare-view \.media-side[\s\S]*?background:\s*#f0f0f0/)
+  })
+})