diff --git a/webui/src/web-components/demo/sketch-timeline-message.demo.ts b/webui/src/web-components/demo/sketch-timeline-message.demo.ts
index fef3d9f..6439e51 100644
--- a/webui/src/web-components/demo/sketch-timeline-message.demo.ts
+++ b/webui/src/web-components/demo/sketch-timeline-message.demo.ts
@@ -52,7 +52,7 @@
       const labelEl = document.createElement("h4");
       labelEl.textContent = label;
       labelEl.style.cssText =
-        "margin: 0 0 10px 0; color: #24292f; font-size: 14px; font-weight: 600;";
+        "margin: 0 0 10px 0; color: var(--demo-label-color); font-size: 14px; font-weight: 600;";
 
       const messageComponent = document.createElement(
         "sketch-timeline-message",