MahApps.Metro icon indicating copy to clipboard operation
MahApps.Metro copied to clipboard

"ModernUI" control styles

Open robertmuehsig opened this issue 8 years ago • 3 comments

This issue is a result of a short discussion with @punker76. We are using the ModernUI package in a couple of our WPF projects, because of the elegant look of (some) input controls and (TBH) I prefer some of the styling over the current MahApps styled controls.

Jan told me to list the controls I like from ModernUI and maybe he could do something in the future. The controls are in general pretty minimalistic, but it looks pretty clean and if you focus the control the highlighting is in the current accent color - pretty, right?

I really like the following controls:

  • Button
  • Checkbox (it is nearly the same as in MahApps, I think only the "click" animation is different)
  • Textbox (border with accent color)
  • DatePicker
  • Combobox
  • ContextMenus (but as far as I remember, you can't specify any ContextMenu icons when this style is applied)

Short demo:

modernui

robertmuehsig avatar Oct 27 '16 20:10 robertmuehsig

TextBox and ComboBox are easily adjustable with this code:

    <SolidColorBrush x:Key="TextBoxMouseOverInnerBorderBrush"
                     options:Freeze="true"
                     Color="{StaticResource AccentColor}" />
    <SolidColorBrush x:Key="TextBoxFocusBorderBrush"
                     options:Freeze="true"
                     Color="{StaticResource AccentColor}" />
    <SolidColorBrush x:Key="ControlFocusBorderBrush"
                     options:Freeze="true"
                     Color="{StaticResource AccentColor}" />
    <SolidColorBrush x:Key="ComboBoxMouseOverInnerBorderBrush"
                     options:Freeze="true"
                     Color="{StaticResource AccentColor}" />
    <SolidColorBrush x:Key="ButtonMouseOverInnerBorderBrush"
                     options:Freeze="true"
                     Color="{StaticResource AccentColor}" />

TextBox: test

ComboBox: test

That also looks a lot better in the dark theme, IMO the dark theme needs a rewrite anyways because some colors are just too bright.

Anapher avatar Nov 20 '16 13:11 Anapher

@Alkalinee It's not only to change color, there are also some style changes... all in progress :-D and coming soon

punker76 avatar Nov 20 '16 15:11 punker76

@robertmuehsig Oh man, sorry, one year is long ( 😔 ) ...

So here are my baby steps for this

  • add simple MUI Styles and Brushes for official WPF Controls without any additional MahApps feature like ClearTextButton etc.
  • Make sure the MUI Brushes which interact with MUI AccentColor works with MahApps AccentColor
  • [opt.] additional Features from MahApps like ClearTextButton or other Helpers
  • [opt.] Add additional controls and their themes

punker76 avatar Oct 19 '17 14:10 punker76