From 94f5eced01de57f7d009a5d6bd3c288bd641289c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Holger=20B=C3=B6rchers?= <holgerb83@gmail.com>
Date: Fri, 10 Jul 2020 22:42:06 +0200
Subject: [PATCH] Added Accent color settings

---
 App/AccentColor.cs                            |  10 +
 App/App.xaml.cs                               |   9 +
 App/MainWindow.xaml                           | 205 +++++++++---------
 App/MainWindowViewModel.cs                    |  22 +-
 .../PropertyPresenter/PropertyPresenter.xaml  |   2 +-
 5 files changed, 147 insertions(+), 101 deletions(-)
 create mode 100644 App/AccentColor.cs

diff --git a/App/AccentColor.cs b/App/AccentColor.cs
new file mode 100644
index 0000000..a01bfa5
--- /dev/null
+++ b/App/AccentColor.cs
@@ -0,0 +1,10 @@
+namespace ModernWpfPlayground
+{
+    public enum AccentColor
+    {
+        Green,
+        Yellow,
+        Blue,
+        Purple
+    }
+}
\ No newline at end of file
diff --git a/App/App.xaml.cs b/App/App.xaml.cs
index 0ffe5e5..d45232b 100644
--- a/App/App.xaml.cs
+++ b/App/App.xaml.cs
@@ -1,4 +1,6 @@
 using System.Windows;
+using System.Windows.Media;
+using ModernWpf;
 using Prism.Ioc;
 
 namespace ModernWpfPlayground
@@ -8,6 +10,13 @@ namespace ModernWpfPlayground
     /// </summary>
     public partial class App
     {
+        /// <inheritdoc />
+        protected override void OnStartup(StartupEventArgs e)
+        {
+            ThemeManager.Current.AccentColor = Color.FromArgb(255, 0, 86, 76);
+            base.OnStartup(e);
+        }
+
         protected override void RegisterTypes(IContainerRegistry containerRegistry)
         {
             containerRegistry.Register<MainWindow>();
diff --git a/App/MainWindow.xaml b/App/MainWindow.xaml
index 04b64d2..e458782 100644
--- a/App/MainWindow.xaml
+++ b/App/MainWindow.xaml
@@ -120,7 +120,7 @@
         <!--  Footer  -->
         <Grid
             Height="24"
-            Background="#00564C"
+            Background="{DynamicResource SystemControlBackgroundAccentBrush}"
             DockPanel.Dock="Bottom">
             <Grid.Resources>
                 <Style TargetType="TextBlock">
@@ -143,12 +143,12 @@
                 HorizontalAlignment="Right"
                 Text="BlaBlaBla" />
         </Grid>
-        <!--  Content  -->
         <Grid Row="1">
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="40" />
                 <ColumnDefinition />
             </Grid.ColumnDefinitions>
+            <!--  Workspace  -->
             <Border
                 Grid.Column="0"
                 Panel.ZIndex="1"
@@ -188,118 +188,125 @@
                         Text="Dummy inactive" />
                 </ui:SimpleStackPanel>
             </Border>
+            <!--  Navigation  -->
             <ui:SplitView
                 Grid.Column="1"
                 BorderThickness="0"
                 DisplayMode="Inline"
                 IsPaneOpen="{Binding IsOn, ElementName=SplitViewSwitch}"
-                OpenPaneLength="250"
+                OpenPaneLength="200"
                 PanePlacement="Left">
                 <ui:SplitView.Pane>
-                    <ScrollViewer>
-                        <Grid>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto" />
-                                <RowDefinition />
-                            </Grid.RowDefinitions>
-                            <TextBlock Margin="10,10,10,0" Text="NAVIGATION" />
-                            <TreeView Grid.Row="1">
-                                <TreeViewItem Header="Root" IsExpanded="True">
-                                    <TreeViewItem Header="Child1" />
-                                    <TreeViewItem Header="Child2" IsEnabled="False" />
-                                    <TreeViewItem Header="Child3" />
-                                </TreeViewItem>
-                            </TreeView>
-                        </Grid>
-                    </ScrollViewer>
-
+                    <Grid>
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto" />
+                            <RowDefinition />
+                        </Grid.RowDefinitions>
+                        <TextBlock Margin="10,10,10,0" Text="NAVIGATION" />
+                        <TreeView Grid.Row="1">
+                            <TreeViewItem Header="Root" IsExpanded="True">
+                                <TreeViewItem Header="Child1" />
+                                <TreeViewItem Header="Child2" />
+                                <TreeViewItem Header="Child3" />
+                            </TreeViewItem>
+                        </TreeView>
+                    </Grid>
                 </ui:SplitView.Pane>
+                <!--  Content  -->
                 <TabControl>
                     <TabItem Header="Bolt">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition />
-                                <ColumnDefinition />
-                                <ColumnDefinition />
-                            </Grid.ColumnDefinitions>
-                            <ui:SimpleStackPanel
-                                Grid.Column="0"
-                                Margin="5"
-                                Orientation="Vertical"
-                                Spacing="5">
-                                <Button
-                                    HorizontalAlignment="Stretch"
-                                    Command="{Binding OpenViewModelCommand}"
-                                    Content="Open" />
-                                <Button
-                                    HorizontalAlignment="Stretch"
-                                    Command="{Binding SaveViewModelCommand}"
-                                    Content="Save" />
-                            </ui:SimpleStackPanel>
-                        </Grid>
-                    </TabItem>
-                    <TabItem Header="General" IsSelected="True">
-                        <ui:SimpleStackPanel Margin="5" Spacing="10">
-                            <controls:PropertyPresenter Label="Theme Mode" Value="{Binding ThemeMode}" />
-                            <controls:PropertyPresenter
-                                Command="{Binding ShowDialogCommand}"
-                                Label="Hello"
-                                Symbol="x³"
-                                Value="{Binding WelcomeMessage}" />
-                            <controls:PropertyPresenter
-                                IsReadOnly="True"
-                                Label="Hallo"
-                                Symbol="x²"
-                                Value="{Binding ValidationTest, UpdateSourceTrigger=PropertyChanged}" />
-                            <controls:PropertyPresenter
-                                Label="Good bye"
-                                Symbol="x²"
-                                Value="{Binding ValidationTest, UpdateSourceTrigger=PropertyChanged}" />
-                            <Grid Margin="0,5">
+                        <ScrollViewer ui:ScrollViewerHelper.AutoHideScrollBars="True">
+
+
+                            <Grid>
                                 <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="Auto" />
+                                    <ColumnDefinition />
+                                    <ColumnDefinition />
                                     <ColumnDefinition />
                                 </Grid.ColumnDefinitions>
-                                <ToggleButton
-                                    x:Name="Switch"
+                                <ui:SimpleStackPanel
                                     Grid.Column="0"
-                                    Width="145"
-                                    Margin="0,0,5,0">
-                                    <ToggleButton.Style>
-                                        <Style BasedOn="{StaticResource {x:Type ToggleButton}}" TargetType="ToggleButton">
-                                            <Setter Property="Content" Value="Read/Write" />
-                                            <Style.Triggers>
-                                                <Trigger Property="IsChecked" Value="True">
-                                                    <Setter Property="Content" Value="Read only" />
-                                                </Trigger>
-                                            </Style.Triggers>
-                                        </Style>
-                                    </ToggleButton.Style>
-                                </ToggleButton>
-                                <TextBox
-                                    Grid.Column="1"
-                                    IsReadOnly="{Binding IsChecked, ElementName=Switch}"
-                                    Text="Eine einfache Textbox" />
+                                    Margin="5"
+                                    Orientation="Vertical"
+                                    Spacing="5">
+                                    <Button
+                                        HorizontalAlignment="Stretch"
+                                        Command="{Binding OpenViewModelCommand}"
+                                        Content="Open" />
+                                    <Button
+                                        HorizontalAlignment="Stretch"
+                                        Command="{Binding SaveViewModelCommand}"
+                                        Content="Save" />
+                                </ui:SimpleStackPanel>
                             </Grid>
-                            <controls:PropertyPresenter Label="Hello" Value="{Binding BooleanValue}" />
-                            <controls:PropertyPresenter Label="Hello">
-                                <Slider
-                                    AutoToolTipPlacement="TopLeft"
-                                    Interval="1"
-                                    IsSnapToTickEnabled="True"
-                                    Maximum="150"
-                                    Minimum="50"
-                                    TickFrequency="10"
-                                    TickPlacement="BottomRight"
-                                    Value="{Binding SliderTest}" />
-                            </controls:PropertyPresenter>
-                            <ui:ProgressRing
-                                Width="{Binding SliderTest}"
-                                Height="{Binding SliderTest}"
-                                IsActive="{Binding BooleanValue}"
-                                Visibility="{Binding VisibilityEnumTest}" />
-                            <controls:PropertyPresenter Label="Visi" Value="{Binding VisibilityEnumTest}" />
-                        </ui:SimpleStackPanel>
+                        </ScrollViewer>
+                    </TabItem>
+                    <TabItem Header="General" IsSelected="True">
+                        <ScrollViewer ui:ScrollViewerHelper.AutoHideScrollBars="True">
+
+                            <ui:SimpleStackPanel Margin="5" Spacing="10">
+                                <controls:PropertyPresenter Label="Theme Mode" Value="{Binding ThemeMode}" />
+                                <controls:PropertyPresenter Label="Accent color" Value="{Binding AccentColor}" />
+                                <controls:PropertyPresenter
+                                    Command="{Binding ShowDialogCommand}"
+                                    Label="Hello"
+                                    Symbol="x³"
+                                    Value="{Binding WelcomeMessage}" />
+                                <controls:PropertyPresenter
+                                    IsReadOnly="True"
+                                    Label="Hallo"
+                                    Symbol="x²"
+                                    Value="{Binding ValidationTest, UpdateSourceTrigger=PropertyChanged}" />
+                                <controls:PropertyPresenter
+                                    Label="Good bye"
+                                    Symbol="x²"
+                                    Value="{Binding ValidationTest, UpdateSourceTrigger=PropertyChanged}" />
+                                <Grid Margin="0,5">
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="Auto" />
+                                        <ColumnDefinition />
+                                    </Grid.ColumnDefinitions>
+                                    <ToggleButton
+                                        x:Name="TextBoxSwitch"
+                                        Grid.Column="0"
+                                        Width="145"
+                                        Margin="0,0,5,0">
+                                        <ToggleButton.Style>
+                                            <Style BasedOn="{StaticResource {x:Type ToggleButton}}" TargetType="ToggleButton">
+                                                <Setter Property="Content" Value="Read/Write" />
+                                                <Style.Triggers>
+                                                    <Trigger Property="IsChecked" Value="True">
+                                                        <Setter Property="Content" Value="Read only" />
+                                                    </Trigger>
+                                                </Style.Triggers>
+                                            </Style>
+                                        </ToggleButton.Style>
+                                    </ToggleButton>
+                                    <TextBox
+                                        Grid.Column="1"
+                                        IsReadOnly="{Binding IsChecked, ElementName=TextBoxSwitch}"
+                                        Text="Eine einfache Textbox" />
+                                </Grid>
+                                <controls:PropertyPresenter Label="Hello" Value="{Binding BooleanValue}" />
+                                <controls:PropertyPresenter Label="Hello">
+                                    <Slider
+                                        AutoToolTipPlacement="TopLeft"
+                                        Interval="1"
+                                        IsSnapToTickEnabled="True"
+                                        Maximum="150"
+                                        Minimum="50"
+                                        TickFrequency="10"
+                                        TickPlacement="BottomRight"
+                                        Value="{Binding SliderTest}" />
+                                </controls:PropertyPresenter>
+                                <ui:ProgressRing
+                                    Width="{Binding SliderTest}"
+                                    Height="{Binding SliderTest}"
+                                    IsActive="{Binding BooleanValue}"
+                                    Visibility="{Binding VisibilityEnumTest}" />
+                                <controls:PropertyPresenter Label="Visi" Value="{Binding VisibilityEnumTest}" />
+                            </ui:SimpleStackPanel>
+                        </ScrollViewer>
                     </TabItem>
                 </TabControl>
             </ui:SplitView>
diff --git a/App/MainWindowViewModel.cs b/App/MainWindowViewModel.cs
index 908c801..4570b53 100644
--- a/App/MainWindowViewModel.cs
+++ b/App/MainWindowViewModel.cs
@@ -1,8 +1,10 @@
-using System.Collections.Generic;
+using System;
+using System.Collections.Generic;
 using System.IO;
 using System.Threading.Tasks;
 using System.Windows;
 using System.Windows.Input;
+using System.Windows.Media;
 using Microsoft.Win32;
 using ModernWpf;
 using ModernWpfPlayground.MvvmStuff;
@@ -94,6 +96,24 @@ namespace ModernWpfPlayground
             set => SetProperty(value, SetTheme);
         }
 
+        public AccentColor AccentColor
+        {
+            get => GetProperty(AccentColor.Green);
+            set => SetProperty(value, SetAccentColor);
+        }
+
+        private static void SetAccentColor(AccentColor accentColor)
+        {
+            ThemeManager.Current.AccentColor = accentColor switch
+            {
+                AccentColor.Green => Color.FromArgb(255, 0, 86, 76),
+                AccentColor.Yellow => Color.FromArgb(255, 164, 144, 0),
+                AccentColor.Blue => Color.FromArgb(255, 0, 120, 215),
+                AccentColor.Purple => Color.FromArgb(255, 104, 33, 122),
+                _ => throw new ArgumentOutOfRangeException(nameof(accentColor), accentColor, null)
+            };
+        }
+
         public int WindowWidth
         {
             get => GetProperty(1200);
diff --git a/Controls/PropertyPresenter/PropertyPresenter.xaml b/Controls/PropertyPresenter/PropertyPresenter.xaml
index 03f6276..d4cd0ea 100644
--- a/Controls/PropertyPresenter/PropertyPresenter.xaml
+++ b/Controls/PropertyPresenter/PropertyPresenter.xaml
@@ -92,7 +92,7 @@
                 DisplayMemberPath="Key"
                 ItemsSource="{Binding Value, ElementName=LayoutRoot, Converter={StaticResource EnumToKeyValuePairConverter}}"
                 SelectedValue="{Binding Value, ElementName=LayoutRoot}"
-                SelectedValuePath="Value"
+                SelectedValuePath="Value" HorizontalAlignment="Stretch"
                 Validation.ErrorTemplate="{DynamicResource ValidationErrorTemplate}"
                 Validation.ValidationAdornerSiteFor="{Binding ElementName=LayoutRoot}">
                 <ComboBox.Style>