diff --git a/webui/src/web-components/demo/status-indicators.demo.ts b/webui/src/web-components/demo/status-indicators.demo.ts
index d0cd438..20c8a17 100644
--- a/webui/src/web-components/demo/status-indicators.demo.ts
+++ b/webui/src/web-components/demo/status-indicators.demo.ts
@@ -18,7 +18,7 @@
       padding: 20px;
       border: 1px solid #ccc;
       border-radius: 5px;
-      background-color: #f9f9f9;
+      background-color: var(--demo-fixture-section-bg);
     }
     .label {
       font-weight: bold;
@@ -43,7 +43,7 @@
     }
     .description {
       margin-top: 10px;
-      color: #666;
+      color: var(--demo-secondary-text);
       font-size: 14px;
     }
   `,