[Gallery][Theming][Lightweight Styling]-Custom Checkbox Style Incorrectly Displayed

[jhanvi03]

Current behavior

The overridden checkbox style is not displayed correctly. It appears with an unintended background color and border style, making it visually inconsistent with the intended design.

Expected behavior

he overridden checkbox style should be visually distinct but still maintain a cohesive appearance with the rest of the UI elements.

How to reproduce it (as minimally and precisely as possible)

Steps to Reproduce:

1. Open Gallery in any of the web browser
2. Navigate to Menu -> Lightweight Styling
3. In material and Fluent observe the Overriden Checkbox style.

Workaround

No response

Works on UWP/WinUI

None

Environment

No response

NuGet package version(s)

No response

Affected platforms

WebAssembly

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response

[Xiaoy312]

We are doing custom override to the control here. It is okay to look a bit off..?

@kazo0 @agneszitte opinion?