流利的UI React将焦点轮廓颜色更改为主要反转颜色

如何解决流利的UI React将焦点轮廓颜色更改为主要反转颜色

我正在渲染CommandButton，并且在带有渐变色深色背景的容器内仅带有一个图标，并且将按钮的背景色设置为透明。 （请注意，它是透明的，因为容器的背景色带有渐变。）

我的问题是，由于按钮的默认焦点轮廓为黑色，因此在深色背景下不可见。如何更改此设置，使焦点轮廓变为原色的反色？

我总是可以附加一个自定义CSS来更改轮廓颜色，但是我正在寻找Fluent UI框架支持的正确方法。我注意到在指定Button道具时，primary=true组件会放置白色背景色。因此，似乎有一种更改轮廓颜色的方法，但我无法真正弄清楚该如何做。我还研究了源代码，它使用一个主题对象并生成一个类名，但这仍然没有告诉我完整的故事。