diff --git a/webui/src/web-components/demo/sketch-chat-input.demo.ts b/webui/src/web-components/demo/sketch-chat-input.demo.ts
index ac5f756..b33fd49 100644
--- a/webui/src/web-components/demo/sketch-chat-input.demo.ts
+++ b/webui/src/web-components/demo/sketch-chat-input.demo.ts
@@ -34,7 +34,7 @@
       border-radius: 6px;
       padding: 10px;
       margin-bottom: 10px;
-      background: #f6f8fa;
+      background: var(--demo-light-bg);
     `;
 
     // Create chat input
@@ -48,7 +48,7 @@
         padding: 8px 12px;
         margin: 4px 0;
         border-radius: 6px;
-        background: ${isUser ? "#0969da" : "#f1f3f4"};
+        background: ${isUser ? "var(--demo-fixture-button-bg)" : "var(--demo-light-bg)"};
         color: ${isUser ? "white" : "#24292f"};
         max-width: 80%;
         margin-left: ${isUser ? "auto" : "0"};