[NRTM](GH-3088) Add colors and styles from ModernUI for official controls

[Evangelink]

Describe the changes you have made to improve this project

Provides colors, brushes and styles for the official controls implemented in ModernUI.

Buttons:

Checkboxes:

Radiobuttons:

Closed Issues

Fix #3088

[Evangelink]

@punker76 Could you confirm this is going the direction you were thinking about?

[Evangelink]

TODO

[Evangelink]

@punker76 I can either use a metro circle button here or import this ModernButton from MUI, any preference?

[Evangelink]

TODO

[Evangelink]

This comment is not directly related to this PR but adding even more resources made me wonder if I don't prefer to have the theme after MahApps rather than at the end:
MahApps.Styles.ListBox -> MahApps.Metro.Styles.ListBox
MahApps.Styles.ListBox.Win10 -> MahApps.Win10.Styles.ListBox

and also for font size instead of MahApps.Sizes.Font.XXX having MahApps.Fonts.Size.XXX and then changing MahApps.Font.Default into MahApps.Font.Family.Default.

@punker76 WDYT?

[timunie]

This comment is not directly related to this PR but adding even more resources made me wonder if I don't prefer to have the theme after MahApps rather than at the end:
MahApps.Styles.ListBox -> MahApps.Metro.Styles.ListBox
MahApps.Styles.ListBox.Win10 -> MahApps.Win10.Styles.ListBox

and also for font size instead of MahApps.Sizes.Font.XXX having MahApps.Fonts.Size.XXX and then changing MahApps.Font.Default into MahApps.Font.Family.Default.

@punker76 WDYT?

Hi Guys,

BTW is it possible to provide a few different ResourceDictionarys where always just one of them will be used in App.xaml merged Dictionary? So one for Metro-Style, one for Win10-Style, one for MUI-Style and so on? I know that this can be manually done, but it would be cool to have it.

Happy coding
Tim

[punker76]

@punker76 Could you confirm this is going the direction you were thinking about?

I think so. My first 2 points after first review

• It's maybe better to merge these styles inside it's own resource dictionary Controls.MUI.xaml just as @timunie suggested.
• The context menu style for Metro is broken, because it's overridden now with the MUI style

[Evangelink]

@punker76 When creating Controls.MUI.xaml shall I also set the default style for the components?

[timunie]

@Evangelink /cc @punker76

Here is my suggetion with two examples https://github.com/timunie/MahApps.Metro/tree/DefaultResourceDictionarys
I merged all the Controls inside pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml and setted my default controls in the new ResourceDictionary. That way the user has still access to all the Styles, if someone want to mix them up.

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:Controls="clr-namespace:MahApps.Metro.Controls"
                    xmlns:Converters="clr-namespace:MahApps.Metro.Converters">

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
    </ResourceDictionary.MergedDictionaries>

    <!--  note: default style for textblock is now in MetroWindow !!!  -->

    <Style BasedOn="{StaticResource MahApps.Styles.Slider.Win10}" TargetType="Slider" />
    <Style BasedOn="{StaticResource MahApps.Styles.ToggleSwitchButton.Win10}" TargetType="Controls:ToggleSwitchButton" />
    <Style BasedOn="{StaticResource MahApps.Styles.ToggleSwitch.Win10}" TargetType="Controls:ToggleSwitch" />
    <Style BasedOn="{StaticResource MahApps.Styles.RangeSlider.Win10}" TargetType="Controls:RangeSlider" />
</ResourceDictionary>

Happy coding
Tim