diff --git a/packages/webawesome/docs/assets/styles/utils.css b/packages/webawesome/docs/assets/styles/utils.css
index 59f0e3c38..44c4647ac 100644
--- a/packages/webawesome/docs/assets/styles/utils.css
+++ b/packages/webawesome/docs/assets/styles/utils.css
@@ -112,10 +112,15 @@
 
   /* step icons for ordered instructions */
   .step-icon {
-    --primary-color: var(--wa-color-neutral-on-normal);
-    --secondary-color: var(--wa-color-neutral-fill-normal);
+    --primary-color: var(--wa-color-neutral-20);
+    --secondary-color: var(--wa-color-neutral-80);
     --secondary-opacity: 1;
     font-size: 2em;
+
+    .wa-dark & {
+      --primary-color: var(--wa-color-neutral-90);
+      --secondary-color: var(--wa-color-neutral-30);
+    }
   }
 
   /* #endregion */