ux: change all basic styles with drop-shadow effect

Author: love-linger

src/Resources/Styles.axaml

@@ -198,9 +198,8 @@
     <Setter Property="TextBlock.TextDecorations" Value=""/>
     <Setter Property="Template">
       <ControlTemplate>
-        <Grid Effect="drop-shadow(0 0 8 #30000000)">
-          <Border Margin="8"
-                  Padding="8,6"
+        <Grid Margin="8" Effect="drop-shadow(0 0 8 #30000000)">
+          <Border Padding="8,6"
                   CornerRadius="4"
                   Background="{DynamicResource Brush.Popup}"
                   BorderBrush="{DynamicResource Brush.Border2}"
@@ -227,7 +226,7 @@
 
     <Setter Property="Template">
       <ControlTemplate>
-        <Border Margin="4" CornerRadius="{TemplateBinding CornerRadius}" Effect="drop-shadow(0 0 4 #A0000000)">
+        <Grid Margin="4" Effect="drop-shadow(0 0 4 #A0000000)">
           <Border Name="LayoutRoot"
                   Padding="12"
                   Background="{DynamicResource Brush.Popup}"
@@ -245,7 +244,7 @@
                                 VerticalContentAlignment="Stretch" />
             </ScrollViewer>
           </Border>
-        </Border>
+        </Grid>
       </ControlTemplate>
     </Setter>
   </Style>
@@ -814,15 +813,11 @@
     <Setter Property="VerticalOffset" Value="-4"/>
     <Setter Property="Template">
       <ControlTemplate>
-        <Grid>
-          <Border Background="{DynamicResource Brush.Popup}" BorderThickness="0" Margin="4" CornerRadius="{TemplateBinding CornerRadius}">
-            <Border.Effect>
-              <DropShadowEffect OffsetX="0" OffsetY="0" BlurRadius="4" Color="Black" Opacity=".6"/>
-            </Border.Effect>
-          </Border>
-
+        <Grid Margin="4" Effect="drop-shadow(0 0 4 #A0000000)">
           <Border BorderThickness="0"
-                  Margin="8,4"
+                  Background="{DynamicResource Brush.Popup}"
+                  CornerRadius="{TemplateBinding CornerRadius}"
+                  Padding="8,4"
                   MaxWidth="{TemplateBinding MaxWidth}"
                   MinHeight="{TemplateBinding MinHeight}"
                   HorizontalAlignment="{TemplateBinding HorizontalAlignment}">
@@ -842,16 +837,9 @@
   <Style Selector="MenuFlyoutPresenter">
     <Setter Property="Template">
       <ControlTemplate>
-        <Grid>
-          <Border Background="{DynamicResource Brush.Popup}" BorderThickness="0" Margin="4" CornerRadius="{TemplateBinding CornerRadius}">
-            <Border.Effect>
-              <DropShadowEffect OffsetX="0" OffsetY="0" BlurRadius="4" Color="Black" Opacity=".6"/>
-            </Border.Effect>
-          </Border>
-
+        <Grid Margin="4" Effect="drop-shadow(0 0 4 #A0000000)">
           <Border Name="LayoutRoot"
-                  Margin="4"
-                  Background="Transparent"
+                  Background="{DynamicResource Brush.Popup}"
                   BorderBrush="{TemplateBinding BorderBrush}"
                   BorderThickness="0"
                   Padding="4,2"
@@ -962,14 +950,8 @@
                  HorizontalOffset="-4"
                  VerticalOffset="-4"
                  IsOpen="{TemplateBinding IsSubMenuOpen, Mode=TwoWay}">
-            <Grid>
-              <Border Background="{DynamicResource Brush.Popup}" Margin="4" CornerRadius="{DynamicResource OverlayCornerRadius}">
-                <Border.Effect>
-                  <DropShadowEffect OffsetX="0" OffsetY="0" Color="Black" BlurRadius="4" Opacity=".6"/>
-                </Border.Effect>
-              </Border>
-
-              <Border BorderThickness="0" Margin="8,4" MaxHeight="400">
+            <Grid Margin="4" Effect="drop-shadow(0 0 4 #A0000000)">
+              <Border BorderThickness="0" Padding="8,4" MaxHeight="400" Background="{DynamicResource Brush.Popup}" CornerRadius="{DynamicResource OverlayCornerRadius}">
                 <ScrollViewer>
                   <ItemsPresenter Name="PART_ItemsPresenter"
                                   Margin="{DynamicResource MenuFlyoutScrollerMargin}"