Dynamic theme switching and visual tweaks (#1556)

* Dynamic theme switching and visual tweaks

* update action runner to use macos-11 for iOS 15 support

* additional tweaks

* refinements

* refinements

* formatting and tweaks

src/App/Styles/Android.xaml

@@ -6,46 +6,151 @@
     <Style TargetType="Entry"
            ApplyToDerivedTypes="True">
         <Setter Property="PlaceholderColor"
-                Value="{StaticResource InputPlaceholderColor}" />
+                Value="{DynamicResource InputPlaceholderColor}" />
+        <Setter Property="TextColor"
+                Value="{DynamicResource TextColor}" />
         <Setter Property="Margin"
                 Value="-4, 0, -4, -4" />
     </Style>
     <Style TargetType="Picker"
            ApplyToDerivedTypes="True">
+        <Setter Property="TextColor"
+                Value="{DynamicResource TextColor}" />
         <Setter Property="Margin"
                 Value="-4, 0, -4, -4" />
     </Style>
+    <Style TargetType="DatePicker"
+           ApplyToDerivedTypes="True">
+        <Setter Property="TextColor"
+                Value="{DynamicResource TextColor}" />
+        <Setter Property="BackgroundColor"
+                Value="{DynamicResource BackgroundColor}" />
+    </Style>
+    <Style TargetType="TimePicker"
+           ApplyToDerivedTypes="True">
+        <Setter Property="TextColor"
+                Value="{DynamicResource TextColor}" />
+        <Setter Property="BackgroundColor"
+                Value="{DynamicResource BackgroundColor}" />
+    </Style>
     <Style TargetType="Editor"
            ApplyToDerivedTypes="True">
+        <Setter Property="TextColor"
+                Value="{DynamicResource TextColor}" />
         <Setter Property="PlaceholderColor"
-                Value="{StaticResource InputPlaceholderColor}" />
+                Value="{DynamicResource InputPlaceholderColor}" />
         <Setter Property="Margin"
                 Value="-4, 0, -4, -4" />
     </Style>
+    <Style TargetType="Switch"
+           ApplyToDerivedTypes="True">
+        <Setter Property="OnColor"
+                Value="{DynamicResource SwitchOnColor}" />
+    </Style>
     <Style TargetType="SearchBar"
            ApplyToDerivedTypes="True">
         <Setter Property="BackgroundColor"
                 Value="Transparent" />
         <Setter Property="TextColor"
-                Value="{StaticResource TitleEntryTextColor}" />
+                Value="{DynamicResource TitleEntryTextColor}" />
         <Setter Property="CancelButtonColor"
-                Value="{StaticResource TitleEntryTextColor}" />
+                Value="{DynamicResource TitleEntryTextColor}" />
         <Setter Property="PlaceholderColor"
-                Value="{StaticResource TitleEntryPlaceholderColor}" />
+                Value="{DynamicResource TitleEntryPlaceholderColor}" />
+    </Style>
+    <Style TargetType="ContentPage"
+           ApplyToDerivedTypes="True">
+        <Setter Property="BackgroundColor"
+                Value="{DynamicResource BackgroundColor}" />
     </Style>
     <Style TargetType="controls:ExtendedSlider">
         <Setter Property="MinimumTrackColor"
-                Value="{StaticResource SliderTrackMinColor}" />
+                Value="{DynamicResource SliderTrackMinColor}" />
         <Setter Property="MaximumTrackColor"
-                Value="{StaticResource SliderTrackMinColor}" />
+                Value="{DynamicResource SliderTrackMinColor}" />
         <Setter Property="ThumbColor"
-                Value="{StaticResource SliderThumbColor}" />
+                Value="{DynamicResource SliderThumbColor}" />
         <Setter Property="ThumbBorderColor"
-                Value="{StaticResource SliderThumbBorderColor}" />
+                Value="{DynamicResource SliderThumbBorderColor}" />
+    </Style>
+    <Style TargetType="controls:ExtendedStepper">
+        <Setter Property="StepperBackgroundColor"
+                Value="{DynamicResource StepperBackgroundColor}" />
+        <Setter Property="StepperForegroundColor"
+                Value="{DynamicResource StepperForegroundColor}" />
     </Style>
     
     <!-- Buttons -->
     
+    <Style TargetType="Button">
+        <Setter Property="BackgroundColor"
+                Value="{DynamicResource ButtonBackgroundColor}" />
+        <Setter Property="BorderColor"
+                Value="{DynamicResource ButtonBorderColor}" />
+        <Setter Property="BorderWidth"
+                Value="1" />
+        <Setter Property="TextColor"
+                Value="{DynamicResource ButtonTextColor}" />
+        <Setter Property="FontSize"
+                Value="18" />
+        <Setter Property="CornerRadius"
+                Value="5" />
+        <Setter Property="Margin"
+                Value="0, 5, 0, 0" />
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="BackgroundColor"
+                                    Value="{DynamicResource ButtonBackgroundColorDisabled}" />
+                            <Setter Property="BorderWidth"
+                                    Value="0" />
+                            <Setter Property="TextColor"
+                                    Value="{DynamicResource ButtonTextColorDisabled}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+    <Style TargetType="Button"
+           Class="btn-primary">
+        <Setter Property="BackgroundColor"
+                Value="{DynamicResource PrimaryColor}" />
+        <Setter Property="BorderColor"
+                Value="{DynamicResource PrimaryColor}" />
+        <Setter Property="BorderWidth" 
+                Value="1" />
+        <Setter Property="TextColor"
+                Value="{DynamicResource ButtonPrimaryTextColor}" />
+        <Setter Property="FontSize"
+                Value="18" />
+        <Setter Property="FontAttributes"
+                Value="Bold" />
+        <Setter Property="CornerRadius"
+                Value="5" />
+        <Setter Property="Margin"
+                Value="0, 5, 0, 0" />
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor"
+                                    Value="{DynamicResource ButtonPrimaryTextColorDisabled}" />
+                            <Setter Property="BackgroundColor"
+                                    Value="{DynamicResource ButtonPrimaryBackgroundColorDisabled}" />
+                            <Setter Property="BorderColor"
+                                    Value="{DynamicResource ButtonPrimaryBackgroundColorDisabled}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
     <Style TargetType="Button"
            ApplyToDerivedTypes="True"
            Class="btn-icon-platform">
@@ -84,7 +189,7 @@
     <Style TargetType="Label"
            Class="list-header-platform">
         <Setter Property="TextColor"
-                Value="{StaticResource ListHeaderTextColor}" />
+                Value="{DynamicResource ListHeaderTextColor}" />
         <Setter Property="FontSize"
                 Value="Small" />
         <Setter Property="FontAttributes"
@@ -93,7 +198,7 @@
     <Style TargetType="BoxView"
            Class="list-section-separator-top-platform">
         <Setter Property="Color"
-                Value="{StaticResource ListItemBorderColor}" />
+                Value="{DynamicResource ListItemBorderColor}" />
     </Style>
     <Style TargetType="BoxView"
            Class="list-section-separator-bottom-platform">
@@ -134,7 +239,7 @@
     <Style TargetType="Label"
            Class="box-header-platform">
         <Setter Property="TextColor"
-                Value="{StaticResource BoxHeaderTextColor}" />
+                Value="{DynamicResource BoxHeaderTextColor}" />
         <Setter Property="FontSize"
                 Value="Small" />
         <Setter Property="FontAttributes"