Checkbox checkmark accent is hard to see against dark flyout

My WPF application using MahApps.Metro uses a Flyout for the app’s Settings UI. Most of the users use the default “Light” theme with the “Blue” accent color. The Flyout is Modal="True" and configured with the defaults). Under these conditions checkboxes in the flyout have checkmarks that don’t stand-out very well:

A quickfix is to change the checkmark brush to use a lighter shade of accent, if not white, when a checkbox is displayed in a flyout.

Environment

• MahApps.Metro v1.5.0
• Windows 10
• Visual Studio 2015
• .NET Framework 4.6.1

[punker76]

@Jehoel The CheckBox and RadioBox uses the HighlightBrush brush for the check mark and pressed status. You can override these in your Flyout resources like this

<Style TargetType="{x:Type CheckBox}"
        BasedOn="{StaticResource MetroCheckBox}">
    <Style.Resources>
        <SolidColorBrush x:Key="HighlightBrush" Color="{DynamicResource AccentColor}" />
    </Style.Resources>
</Style>

(or whatever color you need)

Hope this helps.

[daiplusplus]

@timunie Ah, I’m using MahApps.Metro 2.1.1. I see the latest is 2.4.3 - so yeah, I’m a bit out of date.