From 5c892a96e602e1f4ece016b2eada195f93a15880 Mon Sep 17 00:00:00 2001
From: leo <longshuang@msn.cn>
Date: Fri, 13 Aug 2021 11:15:30 +0800
Subject: [PATCH] style<Dashboard>: change style for Workspace switcher

---
 src/Resources/Styles/ListView.xaml | 38 ++++++++++++++++++++++++++++++
 src/Resources/Themes/Dark.xaml     |  3 +++
 src/Resources/Themes/Light.xaml    |  3 +++
 src/Views/Widgets/Dashboard.xaml   |  6 ++---
 4 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/src/Resources/Styles/ListView.xaml b/src/Resources/Styles/ListView.xaml
index 7eb6427d..3c81d5af 100644
--- a/src/Resources/Styles/ListView.xaml
+++ b/src/Resources/Styles/ListView.xaml
@@ -31,6 +31,44 @@
         </Setter>
     </Style>
 
+    <Style x:Key="Style.ListViewItem.Switcher" TargetType="{x:Type ListViewItem}">
+        <Setter Property="Opacity" Value=".9"/>
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
+        <Setter Property="SnapsToDevicePixels" Value="true"/>
+        <Setter Property="RenderOptions.ClearTypeHint" Value="Enabled"/>
+        <Setter Property="TextElement.FontFamily" Value="{Binding Source={x:Static models:Preference.Instance}, Path=General.FontFamilyContent, Mode=OneWay}"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="{x:Type ListViewItem}">
+                    <Grid>
+                        <Border x:Name="BG" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true" Background="Transparent">
+                            <ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
+                        </Border>
+
+                        <Border x:Name="Border" BorderBrush="{DynamicResource Brush.FG2}" BorderThickness="0"/>
+                    </Grid>
+
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsSelected" Value="True">
+                            <Setter TargetName="Border" Property="BorderThickness" Value="4,0,0,0"/>
+                            <Setter TargetName="BG" Property="Background" Value="{DynamicResource Brush.SwitcherBG}"/>
+                            <Setter Property="Opacity" Value="1"/>
+                            <Setter Property="TextElement.FontWeight" Value="Bold"/>
+                        </Trigger>
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsMouseOver" Value="True"/>
+                                <Condition Property="IsSelected" Value="False"/>
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="BG" Property="Background" Value="{DynamicResource Brush.SwitcherHover}"/>
+                        </MultiTrigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
     <Style TargetType="{x:Type ListView}">
         <Setter Property="SnapsToDevicePixels" Value="true" />
         <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
diff --git a/src/Resources/Themes/Dark.xaml b/src/Resources/Themes/Dark.xaml
index 8c4de3f8..76500728 100644
--- a/src/Resources/Themes/Dark.xaml
+++ b/src/Resources/Themes/Dark.xaml
@@ -25,4 +25,7 @@
     <SolidColorBrush x:Key="Brush.FG3" Color="#FF252525"/>
     <SolidColorBrush x:Key="Brush.Accent1" Color="#FF007ACC"/>
     <SolidColorBrush x:Key="Brush.Accent2" Color="#4C007ACC"/>
+
+    <SolidColorBrush x:Key="Brush.SwitcherHover" Color="#FF323232"/>
+    <SolidColorBrush x:Key="Brush.SwitcherBG" Color="#FF3F3F3F"/>
 </ResourceDictionary>
\ No newline at end of file
diff --git a/src/Resources/Themes/Light.xaml b/src/Resources/Themes/Light.xaml
index ac05e195..1677fb07 100644
--- a/src/Resources/Themes/Light.xaml
+++ b/src/Resources/Themes/Light.xaml
@@ -25,4 +25,7 @@
     <SolidColorBrush x:Key="Brush.FG3" Color="#FFFFFFFF"/>
     <SolidColorBrush x:Key="Brush.Accent1" Color="#FF4295FF"/>
     <SolidColorBrush x:Key="Brush.Accent2" Color="#4C007ACC"/>
+
+    <SolidColorBrush x:Key="Brush.SwitcherHover" Color="#FFDFDFDF"/>
+    <SolidColorBrush x:Key="Brush.SwitcherBG" Color="#FFCFCFCF"/>
 </ResourceDictionary>
\ No newline at end of file
diff --git a/src/Views/Widgets/Dashboard.xaml b/src/Views/Widgets/Dashboard.xaml
index 3c633b8a..dc7277e8 100644
--- a/src/Views/Widgets/Dashboard.xaml
+++ b/src/Views/Widgets/Dashboard.xaml
@@ -127,13 +127,13 @@
                 <!-- Workspace -->
                 <TextBlock Grid.Row="0" Style="{DynamicResource Style.TextBlock.Group}" Text="{DynamicResource Text.Dashboard.Workspace}"/>
                 <ListView Grid.Row="1" x:Name="workspace" SelectionMode="Single" SelectionChanged="OnPageSelectionChanged">
-                    <ListViewItem IsSelected="True" Opacity=".9">
+                    <ListViewItem IsSelected="True" Style="{DynamicResource Style.ListViewItem.Switcher}">
                         <StackPanel Margin="16,0,0,0" Height="28" Orientation="Horizontal">
                             <Path Width="16" Height="16" Data="{StaticResource Icon.Histories}"/>
                             <TextBlock Margin="8,0,0,0" Text="{DynamicResource Text.Histories}"/>
                         </StackPanel>
                     </ListViewItem>
-                    <ListViewItem Opacity=".9">
+                    <ListViewItem Style="{DynamicResource Style.ListViewItem.Switcher}">
                         <Grid Margin="16,0,0,0" Height="28">
                             <Grid.ColumnDefinitions>
                                 <ColumnDefinition Width="Auto"/>
@@ -145,7 +145,7 @@
                             <controls:Badge Grid.Column="2" Margin="4,0" x:Name="badgeLocalChanges"/>
                         </Grid>
                     </ListViewItem>
-                    <ListViewItem Opacity=".9">
+                    <ListViewItem Style="{DynamicResource Style.ListViewItem.Switcher}">
                         <Grid Margin="16,0,0,0" Height="28">
                             <Grid.ColumnDefinitions>
                                 <ColumnDefinition Width="Auto"/>