How can I create a visually distinct double border around focused input controls in a PowerApps canvas app?

I have canvas PowerApps wherein I have text input, dropdown, and calendar control present on the form. We have default control focus border available for these controls. But I need an additional border outside of the control whenever the control is focused using tab or selected. Since we have blacked themed app where I have used the default theme of black and yellow, the focus is sometimes indistinguishable.

I have tried overlaying a transparent button with "focusborderthickness" property of 4 over the controls slightly bigger in size so that both borders are visible.

So, whenever I try to tab, first the transparent button would be focused showing the double border around the control.

On click of the transparent button, I have tried to select dropdown or focus textbox.

Select(dropdown1)

or

SetFocus(textinput1)

But when clicked enter on the overlayed button, unable to focus on the control under it.

I tried to search around, but unable to find any solution.

Any suggestion would be helpful.

What you are trying to do is not possible. Each control have different set of properties to define the appearance and behavior of controls, and beyond those properties nothing can be done. If your only requirement is to highlight the focused control then you can just changed the value of FocusedBorderThickness property for your controls, or can use tooltip to appear to prominent focused control.