[Playground][CheckBox] TextBlock Text Not Visible in Dark Mode Due to Dark Font Color

[jhanvi03]

Current behavior

In dark mode, the text within TextBlocks is not visible because the text color is too dark, blending into the dark background and making it unreadable.

Screen.Recording.2024-07-16.at.3.08.33.PM.mov

Expected behavior

The text within TextBlocks should be clearly visible in both dark and light modes. Can we change to a color which is visible in both Dark and light mode?

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

Steps to reproduce:

1. Open Playground in any browser
2. From the Snippets dropdown select CheckBox
3. observe the TextBlock Text in dark and light Mode.

Workaround

No response

Works on UWP/WinUI

None

Environment

No response

NuGet package version(s)

No response

Affected platforms

No response

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

Currently, the same behavior is present in production as well. I have created the issue so we can work on improving it.

[jhanvi03]

The same issue is with Button

Screen.Recording.2024-07-16.at.3.16.59.PM.mov

[jeromelaban]

This is a snippet issue, where the text style should use a themed resource.