bug(developer): OSK shown in the IDE looks and feels different from the one on Web

[MakaraSok]

Describe the bug

In Keyman Developer, open this keyboard project.

1. Go to the On-Screen tab and see the double dotted circles on most keys.
2. Now Build the keyboard and "Test Keyboard on Web" and then Open in Chrome.
3. Choose the keyboard and select Windows device to see a better looking OSK without the double dotted circles.

From a user point of view, we don't know what the issue really is. What we want is to have a better looking OSK and they should look the same on both the IDE and Web.

IDE:

Web:

Reproduce the bug

No response

Expected behavior

No response

Related issues

No response

Keyman apps

• [ ] Keyman for Android
• [ ] Keyman for iPhone and iPad
• [ ] Keyman for Linux
• [ ] Keyman for macOS
• [ ] Keyman for Windows
• [X] Keyman Developer
• [ ] KeymanWeb
• [ ] Other - give details at bottom of form

Keyman version

15.0.274.0

Operating system

Windows 10 Pro, 21H2

Device

Virtual Machine

Target application

Keyman Developer IDE

Browser

Chrome

Keyboard name

tab

Keyboard version

No response

Language name

No response

Additional context

No response

[mcdurdin]

We'll be working on unification of OSK look and feel in 18.0.