diff --git a/packages/demo-app-ts/src/Demo.css b/packages/demo-app-ts/src/Demo.css
index 0932fe3..3af5419 100644
--- a/packages/demo-app-ts/src/Demo.css
+++ b/packages/demo-app-ts/src/Demo.css
@@ -6,7 +6,7 @@
 }
 
 .pf-ri__topology-demo .pf-topology-visualization-surface {
-  border: 1px solid var(--pf-t--color--black);
+  border: 1px solid var(--pf-t--global--border--color--default);
 }
 
 .pf-ri__topology-demo .pf-v6-c-tab-content {
@@ -52,11 +52,11 @@
 }
 
 .pf-ri-topology__node__background.pf-m-hover  {
-  fill: var(--pf-t--color--green--40);
+  fill: var(--pf-t--global--border--color--nonstatus--green--hover);
 }
 
 .pf-ri-topology__node__background.pf-m-drop-target {
-  fill: var(--pf-t--color--blue--20);
+  fill: var(--pf-t--global--color--nonstatus--blue--default);
 }
 
 .pf-v6-c-page__main-section#\/topology-demo-page-section,
@@ -72,7 +72,7 @@
   fill: var(--pf-t--color--red--50);
 }
 .topology-demo-badge > text {
-  fill: var(--pf-t--global--color--nonstatus--gold--200);
+  fill: var(--pf-t--global--text--color--inverse);
 }
 
 .pf-v6-c-toolbar__content.pf-m-hidden {