Issue Summary

When high contrast mode is enabled in the Web browser, the “Connect”, “Deny” and “Allow” buttons looks likes normal text.

Pre-requisites:

Setting > Accessibility> Contrast Theme -> Aquatic

Steps to Reproduce

Open the above URL.
Create a loop in the new page.
Type "/" to insert any component in the canvas.
Tab till "Trello" and invoke it.
Tab till "Connect" and observe.

Screenshot

Actual Results

When user is accessing the page in high contrast mode it is observed that the “Connect”, “Allow” and “Deny” buttons looks like a normal text. This affects the users with low vision will not be able to identify and interact with the controls properly if the controls (buttons, links) are not adapting to the high contrast mode.

Expected Results

In High contrast mode, the “Connect”, “Allow” and “Deny” should be visible as "button".

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

OS Version: 23H2 (OS build: 22631.3296)
Microsoft Edge Version 123.0.2420.65 (Official build) (64-bit)
URL: Microsoft Loop - Think, plan and create together