diff --git a/webui/src/web-components/demo/sketch-diff2-view.demo.ts b/webui/src/web-components/demo/sketch-diff2-view.demo.ts
index 6a7cda8..3b4b05d 100644
--- a/webui/src/web-components/demo/sketch-diff2-view.demo.ts
+++ b/webui/src/web-components/demo/sketch-diff2-view.demo.ts
@@ -37,7 +37,7 @@
     controlPanel.className = "control-panel";
     controlPanel.style.marginBottom = "1rem";
     controlPanel.style.padding = "1rem";
-    controlPanel.style.backgroundColor = "#f0f0f0";
+    controlPanel.style.backgroundColor = "var(--demo-control-bg);";
     controlPanel.style.borderRadius = "4px";
     controlPanel.innerHTML = `
       <p><strong>Features:</strong></p>