From 925cc2816f6e9274cb33ee1704fce1ce921ff212 Mon Sep 17 00:00:00 2001
From: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>
Date: Sun, 19 Oct 2025 16:23:13 -0400
Subject: [PATCH] Improve step icon color visibility (#1626)

---
 packages/webawesome/docs/assets/styles/utils.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

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 */