diff --git a/webui/src/web-components/demo/sketch-tool-calls.demo.ts b/webui/src/web-components/demo/sketch-tool-calls.demo.ts
index 80eda26..9bfabe4 100644
--- a/webui/src/web-components/demo/sketch-tool-calls.demo.ts
+++ b/webui/src/web-components/demo/sketch-tool-calls.demo.ts
@@ -78,7 +78,8 @@
     multipleToolCallGroups.forEach((group, index) => {
       const groupHeader = document.createElement("h4");
       groupHeader.textContent = `Group ${index + 1}`;
-      groupHeader.style.cssText = "margin: 20px 0 10px 0; color: #24292f;";
+      groupHeader.style.cssText =
+        "margin: 20px 0 10px 0; color: var(--demo-label-color);";
 
       const groupToolCalls = document.createElement("sketch-tool-calls") as any;
       groupToolCalls.toolCalls = group;