Improve Control Border Colors

Author: lukeblevins

Files/App.xaml

@@ -41,7 +41,7 @@
                             <SolidColorBrush x:Key="TabViewItemHeaderBackgroundPointerOver" Color="#191919" />
                             <SolidColorBrush x:Key="TabViewItemHeaderBackgroundPressed" Color="#191919"/>
                             <SolidColorBrush x:Key="CustomInputFieldBorderBrush" Color="#FF363636"/>
-                            <SolidColorBrush x:Key="TextControlBorderBrush" Color="#FF363636"/>
+                            <!--<SolidColorBrush x:Key="TextControlBorderBrush" Color="#FF363636"/>-->
                             <SolidColorBrush x:Key="RibbonBackgroundColor" Color="#131313"/>
                             <StaticResource x:Key="NavigationViewTopPaneBackground" ResourceKey="RibbonBackgroundColor"/>
                         </ResourceDictionary>

Files/UserControls/NavigationToolbar/NavigationToolbar.xaml

@@ -397,6 +397,25 @@
                 </Setter.Value>
             </Setter>
         </Style>
+        <Style x:Key="AutoSuggestBoxTextBoxStyleFixed" TargetType="TextBox" BasedOn="{StaticResource AutoSuggestBoxTextBoxStyle}">
+            <Setter Property="MinWidth" Value="{ThemeResource TextControlThemeMinWidth}"/>
+            <Setter Property="MinHeight" Value="{ThemeResource TextControlThemeMinHeight}"/>
+            <Setter Property="Foreground" Value="{ThemeResource TextControlForeground}"/>
+            <Setter Property="Background" Value="{ThemeResource TextControlBackground}"/>
+            <Setter Property="BorderBrush" Value="{ThemeResource SystemBaseMediumLowColor}"/>
+            <Setter Property="Opacity" Value="1"/>
+            <Setter Property="SelectionHighlightColor" Value="{ThemeResource TextControlSelectionHighlightColor}"/>
+            <Setter Property="BorderThickness" Value="{ThemeResource TextControlBorderThemeThickness}"/>
+            <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
+            <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/>
+            <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Auto"/>
+            <Setter Property="ScrollViewer.VerticalScrollMode" Value="Auto"/>
+            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
+            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden"/>
+            <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False"/>
+            <Setter Property="Padding" Value="{ThemeResource TextControlThemePadding}"/>
+        </Style>
+        
     </UserControl.Resources>
     <Grid
                 x:Name="ToolbarGrid"
@@ -504,7 +523,7 @@
                         Padding="4"
                         HorizontalAlignment="Stretch"
                         VerticalAlignment="Center"
-                        BorderBrush="{ThemeResource CustomInputFieldBorderBrush}"
+                        BorderBrush="{ThemeResource SystemBaseMediumLowColor}"
                         FocusDisengaged="VisiblePath_LostFocus"
                         FontFamily="Segoe UI"
                         FontSize="14"
@@ -519,17 +538,16 @@
 
             <Grid
                         x:Name="ClickablePath"
-                        Height="32.5"
+                        MinHeight="32"
+                        x:Load="{x:Bind ClickablePathLoaded, Mode=OneWay}"
                         HorizontalAlignment="Stretch"
-                        VerticalAlignment="Center"
-                        BorderBrush="{ThemeResource TextBoxBorderThemeBrush}"
+                        BorderBrush="{ThemeResource SystemBaseMediumLowColor}"
                         BorderThickness="1"
                         CornerRadius="2"
-                        PointerPressed="ManualPathEntryItem_Click">
+                        PointerPressed="ManualPathEntryItem_Click" VerticalAlignment="Center">
 
                 <ListView
                             x:Name="PathViewInteract"
-                            x:Load="{x:Bind ClickablePathLoaded, Mode=OneWay}"
                             VerticalAlignment="Stretch"
                             HorizontalContentAlignment="Stretch"
                             VerticalContentAlignment="Stretch"
@@ -604,18 +622,14 @@
                     ResizeDirection="Columns"
                     Style="{StaticResource GridSplitterStyle_Invisible}" />
         <AutoSuggestBox
-                    x:Name="SearchReigon"
+                    x:Name="SearchReigon" TextBoxStyle="{StaticResource AutoSuggestBoxTextBoxStyleFixed}"
                     x:Load="{x:Bind SearchBoxLoaded, Mode=OneWay}"
                     Grid.Column="2"
                     MaxWidth="485"
                     Margin="0,0,4,0"
                     VerticalAlignment="Center"
                     PlaceholderText="Search"
                     QueryIcon="Find">
-            <AutoSuggestBox.Resources>
-                <StaticResource x:Key="TextControlBorderBrush" ResourceKey="TextBoxBorderThemeBrush" />
-                <StaticResource x:Key="TextControlBorderBrushPointerOver" ResourceKey="TextBoxBorderThemeBrush" />
-            </AutoSuggestBox.Resources>
         </AutoSuggestBox>
     </Grid>
     <VisualStateManager.VisualStateGroups>