From d38b977b5472e9f443dd14e5e255a1f89485a596 Mon Sep 17 00:00:00 2001
From: Adam Bui <adam.bui@workday.com>
Date: Thu, 15 Jan 2026 16:56:44 -0700
Subject: [PATCH] fix: Fix default icon colors for ToolbarIconButton and
 ToolbarDropdownButtons

---
 modules/react/button/lib/ToolbarDropdownButton.tsx | 4 ++--
 modules/react/button/lib/ToolbarIconButton.tsx     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/modules/react/button/lib/ToolbarDropdownButton.tsx b/modules/react/button/lib/ToolbarDropdownButton.tsx
index 4abcb30069..0b47292a87 100644
--- a/modules/react/button/lib/ToolbarDropdownButton.tsx
+++ b/modules/react/button/lib/ToolbarDropdownButton.tsx
@@ -23,14 +23,14 @@ export const toolbarDropdownButtonStencil = createStencil({
     [buttonStencil.vars.borderRadius]: system.shape.x1,
     [systemIconStencil.vars.color]: cssVar(
       buttonColorPropVars.default.icon,
-      system.color.fg.muted.soft
+      system.color.fg.default
     ),
 
     '&:focus-visible, &.focus': {
       [buttonStencil.vars.background]: system.color.bg.transparent.default,
       [systemIconStencil.vars.color]: cssVar(
         buttonColorPropVars.focus.icon,
-        system.color.fg.muted.soft
+        system.color.fg.default
       ),
       ...focusRing({
         width: 2,
diff --git a/modules/react/button/lib/ToolbarIconButton.tsx b/modules/react/button/lib/ToolbarIconButton.tsx
index 81edc4415f..dcf7439cbe 100644
--- a/modules/react/button/lib/ToolbarIconButton.tsx
+++ b/modules/react/button/lib/ToolbarIconButton.tsx
@@ -20,10 +20,10 @@ export const toolbarIconButtonStencil = createStencil({
     padding: system.space.zero,
     height: system.space.x8,
     [buttonStencil.vars.borderRadius]: system.shape.x1,
-    [systemIconStencil.vars.color]: system.color.fg.muted.soft,
+    [systemIconStencil.vars.color]: system.color.fg.default,
 
     '&:focus-visible, &.focus': {
-      [systemIconStencil.vars.color]: system.color.fg.muted.soft,
+      [systemIconStencil.vars.color]: system.color.fg.default,
       ...focusRing({
         width: 2,
         separation: 0,