From bdd289d8eced22625b7e75cde69a4884aa91f82d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Amaury=20Lev=C3=A9?= Date: Tue, 23 Jul 2019 14:04:33 +0200 Subject: [PATCH 01/36] MUI colors and brushes --- .../Styles/Themes/GeneratorParameters.json | 181 +++++++++++++++++- .../Styles/Themes/Theme.Template.xaml | 130 +++++++++++++ 2 files changed, 308 insertions(+), 3 deletions(-) diff --git a/src/MahApps.Metro/Styles/Themes/GeneratorParameters.json b/src/MahApps.Metro/Styles/Themes/GeneratorParameters.json index ecef8c76bd..c392d3834e 100644 --- a/src/MahApps.Metro/Styles/Themes/GeneratorParameters.json +++ b/src/MahApps.Metro/Styles/Themes/GeneratorParameters.json @@ -1,7 +1,8 @@ { "TemplateFile": "Theme.Template.xaml", "DefaultValues": { - "MahApps.Colors.IdealForeground": "White" + "MahApps.Colors.IdealForeground": "White", + "MahApps.Colors.Accent.Mui": "#1ba1e2" }, "BaseColorSchemes": [ { @@ -46,7 +47,94 @@ "MahApps.Colors.ToggleSwitchButton.ThumbIndicatorMouseOver.Win10": "#FFFFFFFF", "MahApps.Colors.ToggleSwitchButton.ThumbIndicatorPressed.Win10": "#FFFFFFFF", "MahApps.Colors.ToggleSwitchButton.ThumbIndicatorDisabled.Win10": "#FF666666", - "MahApps.Colors.Badged.DisabledBackground": "#FF666666" + "MahApps.Colors.Badged.DisabledBackground": "#FF666666", + "MahApps.Colors.WindowBackground.Mui": "#252526", + "MahApps.Colors.ButtonBackground.Mui": "#333333", + "MahApps.Colors.ButtonBackgroundHover.Mui": "#3e3e42", + "MahApps.Colors.ButtonBorder.Mui": "#333333", + "MahApps.Colors.ButtonBorderHover.Mui": "#3e3e42", + "MahApps.Colors.ButtonText.Mui": "#d1d1d1", + "MahApps.Colors.ButtonTextHover.Mui": "#d1d1d1", + "MahApps.Colors.ButtonTextPressed.Mui": "#d1d1d1", + "MahApps.Colors.ButtonTextDisabled.Mui": "#515151", + "MahApps.Colors.DataGridBackground.Mui": "Transparent", + "MahApps.Colors.DataGridForeground.Mui": "#d1d1d1", + "MahApps.Colors.DataGridCellBackground.Mui": "Transparent", + "MahApps.Colors.DataGridCellBackgroundHover.Mui": "#3e3e42", + "MahApps.Colors.DataGridCellForeground.Mui": "#d1d1d1", + "MahApps.Colors.DataGridCellForegroundHover.Mui": "#d1d1d1", + "MahApps.Colors.DataGridCellForegroundSelected.Mui": "#d1d1d1", + "MahApps.Colors.DataGridHeaderBackground.Mui": "Transparent", + "MahApps.Colors.DataGridHeaderBackgroundHover.Mui": "#3e3e42", + "MahApps.Colors.DataGridHeaderForeground.Mui": "#d1d1d1", + "MahApps.Colors.DataGridHeaderForegroundHover.Mui": "#d1d1d1", + "MahApps.Colors.DataGridHeaderForegroundPressed.Mui": "#d1d1d1", + "MahApps.Colors.DataGridHeaderForegroundSelected.Mui": "#d1d1d1", + "MahApps.Colors.DataGridGridLines.Mui": "#333333", + "MahApps.Colors.HyperlinkDisabled.Mui": "#717171", + "MahApps.Colors.InputBackground.Mui": "#333333", + "MahApps.Colors.InputBackgroundHover.Mui": "#3e3e42", + "MahApps.Colors.InputBorder.Mui": "#333333", + "MahApps.Colors.InputBorderHover.Mui": "#3e3e42", + "MahApps.Colors.InputText.Mui": "#d1d1d1", + "MahApps.Colors.InputTextHover.Mui": "#d1d1d1", + "MahApps.Colors.InputTextDisabled.Mui": "#717171", + "MahApps.Colors.ItemBackgroundHover.Mui": "#3e3e42", + "MahApps.Colors.ItemBorder.Mui": "#3e3e42", + "MahApps.Colors.ItemText.Mui": "#d1d1d1", + "MahApps.Colors.ItemTextSelected.Mui": "#d1d1d1", + "MahApps.Colors.ItemTextHover.Mui": "#d1d1d1", + "MahApps.Colors.ItemTextDisabled.Mui": "#717171", + "MahApps.Colors.LinkButtonText.Mui": "#717171", + "MahApps.Colors.LinkButtonTextHover.Mui": "#d1d1d1", + "MahApps.Colors.LinkButtonTextPressed.Mui": "#515151", + "MahApps.Colors.LinkButtonTextDisabled.Mui": "#515151", + "MahApps.Colors.MenuText.Mui": "#515151", + "MahApps.Colors.MenuTextHover.Mui": "#919191", + "MahApps.Colors.MenuTextSelected.Mui": "#d1d1d1", + "MahApps.Colors.ModernButtonBorder.Mui": "#919191", + "MahApps.Colors.ModernButtonBorderHover.Mui": "#d1d1d1", + "MahApps.Colors.ModernButtonBorderPressed.Mui": "#d1d1d1", + "MahApps.Colors.ModernButtonBorderDisabled.Mui": "#515151", + "MahApps.Colors.ModernButtonIconForegroundPressed.Mui": "#d1d1d1", + "MahApps.Colors.ModernButtonText.Mui": "#d1d1d1", + "MahApps.Colors.ModernButtonTextHover.Mui": "#d1d1d1", + "MahApps.Colors.ModernButtonTextPressed.Mui": "#d1d1d1", + "MahApps.Colors.ModernButtonTextDisabled.Mui": "#515151", + "MahApps.Colors.PopupBackground.Mui": "#252526", + "MahApps.Colors.ProgressBackground.Mui": "#333333", + "MahApps.Colors.ScrollBarBackground.Mui": "#333333", + "MahApps.Colors.ScrollBarThumbBackground.Mui": "Transparent", + "MahApps.Colors.ScrollBarThumbBackgroundDragging.Mui": "Transparent", + "MahApps.Colors.ScrollBarThumbBackgroundHover.Mui": "Transparent", + "MahApps.Colors.ScrollBarThumbBorder.Mui": "#333333", + "MahApps.Colors.ScrollBarThumbForeground.Mui": "#717171", + "MahApps.Colors.ScrollBarThumbForegroundDragging.Mui": "#d1d1d1", + "MahApps.Colors.ScrollBarThumbForegroundHover.Mui": "#919191", + "MahApps.Colors.SeparatorBackground.Mui": "#3e3e42", + "MahApps.Colors.SliderThumbBackground.Mui": "#717171", + "MahApps.Colors.SliderThumbBackgroundHover.Mui": "#919191", + "MahApps.Colors.SliderThumbBackgroundDisabled.Mui": "#333333", + "MahApps.Colors.SliderThumbBorder.Mui": "#717171", + "MahApps.Colors.SliderThumbBorderHover.Mui": "#919191", + "MahApps.Colors.SliderThumbBorderDisabled.Mui": "#333333", + "MahApps.Colors.SliderTrackBackground.Mui": "#333333", + "MahApps.Colors.SliderTrackBorder.Mui": "#333333", + "MahApps.Colors.SliderTick.Mui": "#717171", + "MahApps.Colors.SliderTickDisabled.Mui": "#333333", + "MahApps.Colors.SubMenuText.Mui": "#717171", + "MahApps.Colors.SubMenuTextHover.Mui": "#515151", + "MahApps.Colors.SubMenuTextSelected.Mui": "#d1d1d1", + "MahApps.Colors.WindowHeaderGradient.Mui": "", + "MahApps.Colors.WindowText.Mui": "#c1c1c1", + "MahApps.Colors.WindowTextReadOnly.Mui": "#717171", + "MahApps.Colors.CloseButtonBackgroundOnMoseOver.Mui": "#3e3e42", + "MahApps.Colors.CloseButtonForegroundOnMoseOver.Mui": "#d1d1d1", + "MahApps.Colors.CloseButtonBackgroundIsPressed.Mui": "#e51400", + "MahApps.Colors.CloseButtonForegroundIsPressed.Mui": "White", + "MahApps.Colors.SystemButtonBackgroundOnMoseOver.Mui": "#3e3e42", + "MahApps.Colors.SystemButtonForegroundOnMoseOver.Mui": "#d1d1d1", + "MahApps.Colors.SystemButtonForegroundIsPressed.Mui": "#d1d1d1" } }, { @@ -91,7 +179,94 @@ "MahApps.Colors.ToggleSwitchButton.ThumbIndicatorMouseOver.Win10": "#FF000000", "MahApps.Colors.ToggleSwitchButton.ThumbIndicatorPressed.Win10": "#FFFFFFFF", "MahApps.Colors.ToggleSwitchButton.ThumbIndicatorDisabled.Win10": "#FF999999", - "MahApps.Colors.Badged.DisabledBackground": "#FF999999" + "MahApps.Colors.Badged.DisabledBackground": "#FF999999", + "MahApps.Colors.WindowBackground.Mui": "#ffffff", + "MahApps.Colors.ButtonBackground.Mui": "#ffffff", + "MahApps.Colors.ButtonBackgroundHover.Mui": "#dddddd", + "MahApps.Colors.ButtonBorder.Mui": "#cccccc", + "MahApps.Colors.ButtonBorderHover.Mui": "#cccccc", + "MahApps.Colors.ButtonText.Mui": "#333333", + "MahApps.Colors.ButtonTextHover.Mui": "#333333", + "MahApps.Colors.ButtonTextPressed.Mui": "#ffffff", + "MahApps.Colors.ButtonTextDisabled.Mui": "#a1a1a1", + "MahApps.Colors.DataGridBackground.Mui": "Transparent", + "MahApps.Colors.DataGridForeground.Mui": "#333333", + "MahApps.Colors.DataGridCellBackground.Mui": "Transparent", + "MahApps.Colors.DataGridCellBackgroundHover.Mui": "#dddddd", + "MahApps.Colors.DataGridCellForeground.Mui": "#333333", + "MahApps.Colors.DataGridCellForegroundHover.Mui": "#333333", + "MahApps.Colors.DataGridCellForegroundSelected.Mui": "#ffffff", + "MahApps.Colors.DataGridHeaderBackground.Mui": "Transparent", + "MahApps.Colors.DataGridHeaderBackgroundHover.Mui": "#dddddd", + "MahApps.Colors.DataGridHeaderForeground.Mui": "#333333", + "MahApps.Colors.DataGridHeaderForegroundHover.Mui": "#333333", + "MahApps.Colors.DataGridHeaderForegroundPressed.Mui": "#ffffff", + "MahApps.Colors.DataGridHeaderForegroundSelected.Mui": "#ffffff", + "MahApps.Colors.DataGridGridLines.Mui": "#cccccc", + "MahApps.Colors.HyperlinkDisabled.Mui": "#919191", + "MahApps.Colors.InputBackground.Mui": "#ffffff", + "MahApps.Colors.InputBackgroundHover.Mui": "#ffffff", + "MahApps.Colors.InputBorder.Mui": "#cccccc", + "MahApps.Colors.InputBorderHover.Mui": "#cccccc", + "MahApps.Colors.InputText.Mui": "#333333", + "MahApps.Colors.InputTextHover.Mui": "#333333", + "MahApps.Colors.InputTextDisabled.Mui": "#919191", + "MahApps.Colors.ItemBackgroundHover.Mui": "#dddddd", + "MahApps.Colors.ItemBorder.Mui": "#cccccc", + "MahApps.Colors.ItemText.Mui": "#333333", + "MahApps.Colors.ItemTextSelected.Mui": "#ffffff", + "MahApps.Colors.ItemTextHover.Mui": "#333333", + "MahApps.Colors.ItemTextDisabled.Mui": "#919191", + "MahApps.Colors.LinkButtonText.Mui": "#717171", + "MahApps.Colors.LinkButtonTextHover.Mui": "#333333", + "MahApps.Colors.LinkButtonTextPressed.Mui": "#919191", + "MahApps.Colors.LinkButtonTextDisabled.Mui": "#919191", + "MahApps.Colors.MenuText.Mui": "#66000000", + "MahApps.Colors.MenuTextHover.Mui": "#bb000000", + "MahApps.Colors.MenuTextSelected.Mui": "#333333", + "MahApps.Colors.ModernButtonBorder.Mui": "#919191", + "MahApps.Colors.ModernButtonBorderHover.Mui": "#333333", + "MahApps.Colors.ModernButtonBorderPressed.Mui": "#333333", + "MahApps.Colors.ModernButtonBorderDisabled.Mui": "#919191", + "MahApps.Colors.ModernButtonIconForegroundPressed.Mui": "#ffffff", + "MahApps.Colors.ModernButtonText.Mui": "#333333", + "MahApps.Colors.ModernButtonTextHover.Mui": "#333333", + "MahApps.Colors.ModernButtonTextPressed.Mui": "#333333", + "MahApps.Colors.ModernButtonTextDisabled.Mui": "#a1a1a1", + "MahApps.Colors.PopupBackground.Mui": "#ffffff", + "MahApps.Colors.ProgressBackground.Mui": "#dddddd", + "MahApps.Colors.ScrollBarBackground.Mui": "Transparent", + "MahApps.Colors.ScrollBarThumbBackground.Mui": "Transparent", + "MahApps.Colors.ScrollBarThumbBackgroundDragging.Mui": "#cccccc", + "MahApps.Colors.ScrollBarThumbBackgroundHover.Mui": "#dddddd", + "MahApps.Colors.ScrollBarThumbBorder.Mui": "#cccccc", + "MahApps.Colors.ScrollBarThumbForeground.Mui": "Transparent", + "MahApps.Colors.ScrollBarThumbForegroundDragging.Mui": "Transparent", + "MahApps.Colors.ScrollBarThumbForegroundHover.Mui": "Transparent", + "MahApps.Colors.SeparatorBackground.Mui": "#cccccc", + "MahApps.Colors.SliderThumbBackground.Mui": "#ffffff", + "MahApps.Colors.SliderThumbBackgroundHover.Mui": "#dddddd", + "MahApps.Colors.SliderThumbBackgroundDisabled.Mui": "#cccccc", + "MahApps.Colors.SliderThumbBorder.Mui": "#cccccc", + "MahApps.Colors.SliderThumbBorderHover.Mui": "#cccccc", + "MahApps.Colors.SliderThumbBorderDisabled.Mui": "#cccccc", + "MahApps.Colors.SliderTrackBackground.Mui": "#cccccc", + "MahApps.Colors.SliderTrackBorder.Mui": "#cccccc", + "MahApps.Colors.SliderTick.Mui": "#919191", + "MahApps.Colors.SliderTickDisabled.Mui": "#cccccc", + "MahApps.Colors.SubMenuText.Mui": "#99000000", + "MahApps.Colors.SubMenuTextHover.Mui": "#66000000", + "MahApps.Colors.SubMenuTextSelected.Mui": "#333333", + "MahApps.Colors.WindowHeaderGradient.Mui": "\r\n\r\n\r\n\r\n", + "MahApps.Colors.WindowText.Mui": "#333333", + "MahApps.Colors.WindowTextReadOnly.Mui": "#919191", + "MahApps.Colors.CloseButtonBackgroundOnMoseOver.Mui": "#dddddd", + "MahApps.Colors.CloseButtonForegroundOnMoseOver.Mui": "#333333", + "MahApps.Colors.CloseButtonBackgroundIsPressed.Mui": "#e51400", + "MahApps.Colors.CloseButtonForegroundIsPressed.Mui": "White", + "MahApps.Colors.SystemButtonBackgroundOnMoseOver.Mui": "#dddddd", + "MahApps.Colors.SystemButtonForegroundOnMoseOver.Mui": "#333333", + "MahApps.Colors.SystemButtonForegroundIsPressed.Mui": "#919191" } } ], diff --git a/src/MahApps.Metro/Styles/Themes/Theme.Template.xaml b/src/MahApps.Metro/Styles/Themes/Theme.Template.xaml index 70536df802..435e3a8863 100644 --- a/src/MahApps.Metro/Styles/Themes/Theme.Template.xaml +++ b/src/MahApps.Metro/Styles/Themes/Theme.Template.xaml @@ -233,4 +233,134 @@ + + + {{MahApps.Colors.Accent.Mui}} + + + {{MahApps.Colors.WindowBackground.Mui}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{MahApps.Colors.WindowHeaderGradient.Mui}} + + + + + + + + + + + + + + + \ No newline at end of file From b1d0cfa25649ea132ed024920e8d77c9ece9615c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Amaury=20Lev=C3=A9?= Date: Tue, 23 Jul 2019 16:14:11 +0200 Subject: [PATCH 02/36] MUI fonts, sizes and shared content --- src/MahApps.Metro/Styles/Fonts.xaml | 9 +++++++++ src/MahApps.Metro/Styles/Shared.xaml | 14 ++++++++++++++ src/MahApps.Metro/Styles/Sizes.xaml | 6 ++++++ 3 files changed, 29 insertions(+) diff --git a/src/MahApps.Metro/Styles/Fonts.xaml b/src/MahApps.Metro/Styles/Fonts.xaml index 4f7c9a9496..b90ed70b99 100644 --- a/src/MahApps.Metro/Styles/Fonts.xaml +++ b/src/MahApps.Metro/Styles/Fonts.xaml @@ -37,4 +37,13 @@ 15 15 + + + Segoe UI + Consolas + + 13 + 13.333 + 11 + \ No newline at end of file diff --git a/src/MahApps.Metro/Styles/Shared.xaml b/src/MahApps.Metro/Styles/Shared.xaml index addb2b5555..bdb0e0b098 100644 --- a/src/MahApps.Metro/Styles/Shared.xaml +++ b/src/MahApps.Metro/Styles/Shared.xaml @@ -118,4 +118,18 @@ Duration="0:0:.2" /> + + + -42,-8,-16,-16 + 16,28,16,16 + -16,16,0,0 + 0,-28,44,0 + + 0,0,0,0 + 16,0,0,0 + + + \ No newline at end of file diff --git a/src/MahApps.Metro/Styles/Sizes.xaml b/src/MahApps.Metro/Styles/Sizes.xaml index 94f009359d..d48458064a 100644 --- a/src/MahApps.Metro/Styles/Sizes.xaml +++ b/src/MahApps.Metro/Styles/Sizes.xaml @@ -8,4 +8,10 @@ 14 14 + + + 32 + 24 + 32 + From 3866fdb047ca52866c03ef18373b5f658c349ba8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Amaury=20Lev=C3=A9?= Date: Tue, 23 Jul 2019 14:50:50 +0200 Subject: [PATCH 03/36] MUI Buttons --- .../Styles/Controls.Buttons.xaml | 169 ++++++++++++++++++ 1 file changed, 169 insertions(+) diff --git a/src/MahApps.Metro/Styles/Controls.Buttons.xaml b/src/MahApps.Metro/Styles/Controls.Buttons.xaml index 33a6c94fa8..9454bfb610 100644 --- a/src/MahApps.Metro/Styles/Controls.Buttons.xaml +++ b/src/MahApps.Metro/Styles/Controls.Buttons.xaml @@ -1050,4 +1050,173 @@ + + + + + + + + + + + + + + + + + + + + + From 65fb805015c5a4981189dfcc1217ca621722d9c6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Amaury=20Lev=C3=A9?= Date: Tue, 23 Jul 2019 17:32:59 +0200 Subject: [PATCH 05/36] MUI CheckBox --- .../Styles/Controls.CheckBox.xaml | 75 +++++++++++++++++++ 1 file changed, 75 insertions(+) diff --git a/src/MahApps.Metro/Styles/Controls.CheckBox.xaml b/src/MahApps.Metro/Styles/Controls.CheckBox.xaml index 45f4a49c8e..6a5d36dee0 100644 --- a/src/MahApps.Metro/Styles/Controls.CheckBox.xaml +++ b/src/MahApps.Metro/Styles/Controls.CheckBox.xaml @@ -133,4 +133,79 @@ + + + + + + + + + + From c9658701d715854a566399aebc10ac4dd676d3fe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Amaury=20Lev=C3=A9?= Date: Wed, 24 Jul 2019 15:12:51 +0200 Subject: [PATCH 06/36] Add button, checkbox and radiobutton examples --- .../ExampleViews/ButtonsExample.xaml | 73 +++++++++++++++++++ 1 file changed, 73 insertions(+) diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ButtonsExample.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ButtonsExample.xaml index 901b6f2a8f..82bcf8a3b5 100644 --- a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ButtonsExample.xaml +++ b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ButtonsExample.xaml @@ -27,6 +27,7 @@ + @@ -485,6 +486,78 @@ + + +