Added subheaders for ColorZones.xaml of demo

Author: wongjiahau

MainDemo.Wpf/ColorZones.xaml

@@ -8,10 +8,10 @@
              mc:Ignorable="d" 
              d:DesignHeight="800" d:DesignWidth="600">
     <ScrollViewer>
-        <codeDisplayer:XamlDisplayerPanel >
-            <StackPanel Margin="16">
-                <TextBlock FontSize="16">Colour Zones</TextBlock>
-                <TextBlock TextWrapping="Wrap" MaxWidth="200" Margin="0 16 0 0">The ColorZone control allows you to  easily define striking blocks of colour to give your application extra clarity and style, whilst still remaining within the bounds of your Material Design palette.</TextBlock>
+        <codeDisplayer:XamlDisplayerPanel HorizontalAlignment="Center" >
+            <StackPanel Margin="16" codeDisplayer:XamlDisplayer.DisplayCode="False">
+                <TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}">Colour Zones</TextBlock>
+                <TextBlock TextWrapping="Wrap" MaxWidth="800" Margin="0 16 0 0" Style="{StaticResource MaterialDesignSubheadingTextBlock}">The ColorZone control allows you to  easily define striking blocks of colour to give your application extra clarity and style, whilst still remaining within the bounds of your Material Design palette.</TextBlock>
                 <TextBlock Margin="0 16 0 0" FontSize="10">Invert the basic paper/body colours.</TextBlock>
             </StackPanel>
             <materialDesign:ColorZone Mode="Inverted" Padding="16">
@@ -29,14 +29,14 @@
                     </StackPanel>
                 </DockPanel>
             </materialDesign:ColorZone>
-            <TextBlock Margin="0 16 0 0" TextWrapping="Wrap" FontSize="10">Use primary light back and fore colours.</TextBlock>
+            <TextBlock Margin="0 16 0 0" TextWrapping="Wrap" Style="{StaticResource MaterialDesignSubheadingTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">Use primary light back and fore colours.</TextBlock>
             <materialDesign:ColorZone Mode="PrimaryLight" Padding="16">
                 <StackPanel Orientation="Horizontal">
                     <ToggleButton Style="{DynamicResource MaterialDesignHamburgerToggleButton}" />
                     <TextBlock VerticalAlignment="Center" Margin="16 0 0 0">Material Design In XAML Toolkit</TextBlock>
                 </StackPanel>
             </materialDesign:ColorZone>
-            <TextBlock Margin="0 16 0 0" FontSize="10">Use primary mid colours, and nest colour zones!</TextBlock>
+            <TextBlock Margin="0 16 0 0" Style="{StaticResource MaterialDesignSubheadingTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">Use primary mid colours, and nest colour zones!</TextBlock>
             <materialDesign:ColorZone Mode="PrimaryMid" Padding="16">
                 <DockPanel>
                     <ToggleButton Style="{StaticResource MaterialDesignSwitchAccentToggleButton}" VerticalAlignment="Center"
@@ -70,14 +70,14 @@
                     </StackPanel>
                 </DockPanel>
             </materialDesign:ColorZone>
-            <TextBlock Margin="0 16 0 0" FontSize="10">Add in a corner radius and shadow.</TextBlock>
+            <TextBlock Margin="0 16 0 0" Style="{StaticResource MaterialDesignSubheadingTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">Add in a corner radius and shadow.</TextBlock>
             <materialDesign:ColorZone Mode="PrimaryDark" Padding="16" CornerRadius="3" materialDesign:ShadowAssist.ShadowDepth="Depth3" Margin="2">
                 <StackPanel Orientation="Horizontal">
                     <ToggleButton Style="{DynamicResource MaterialDesignHamburgerToggleButton}" />
                     <TextBlock VerticalAlignment="Center" Margin="16 0 0 0">Material Design In XAML Toolkit</TextBlock>
                 </StackPanel>
             </materialDesign:ColorZone>
-            <TextBlock Margin="0 16 0 0" FontSize="10">Use accent back and fore colours.</TextBlock>
+            <TextBlock Margin="0 16 0 0" Style="{StaticResource MaterialDesignSubheadingTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">Use accent back and fore colours.</TextBlock>
             <materialDesign:ColorZone Mode="Accent" Padding="16">
                 <StackPanel Orientation="Horizontal">
                     <ToggleButton Style="{DynamicResource MaterialDesignHamburgerToggleButton}" />