Fluent UI React Изменение цвета контура фокуса на основной инвертированный цвет

Я визуализирую CommandButton только с иконкой внутри контейнера с темным фоном с градиентом, и я установил прозрачный цвет фона кнопки. (Обратите внимание, что он прозрачен, потому что цвет фона контейнера имеет градиент.)

У меня проблема в том, что контур фокуса по умолчанию для кнопки черный и не виден на темном фоне. Как я могу изменить это так, чтобы контур фокуса стал инвертированным цветом основного цвета?

Я всегда могу прикрепить собственный CSS, чтобы изменить цвет контура, но я ищу правильный способ, поддерживаемый фреймворком Fluent UI. Я заметил, что компонент Button устанавливает белый цвет фона, когда указан параметр primary=true. Итак, кажется, есть способ изменить цвет контура, но я не мог понять, как это сделать. Я также изучил исходный код, он берет объект темы и генерирует имя класса, но это все еще не рассказало мне всей истории.


person CookieMonster    schedule 13.10.2020    source источник
comment
Взгляните на эту статью из FabricUI Github github.com/microsoft/fluentui/wiki/Component -Styling Я уже отвечал на аналогичный вопрос, но для DefaultButton. Подход такой же для CommandButton, но если у вас есть проблема, я готов помочь. stackoverflow.com/questions/64283764/   -  person Marko Savic    schedule 25.10.2020