diff --git a/src/Shared/HandyControlDemo_Shared/UserControl/Styles/BorderDemoCtl.xaml b/src/Shared/HandyControlDemo_Shared/UserControl/Styles/BorderDemoCtl.xaml
index 62cff50e..04b09fd0 100644
--- a/src/Shared/HandyControlDemo_Shared/UserControl/Styles/BorderDemoCtl.xaml
+++ b/src/Shared/HandyControlDemo_Shared/UserControl/Styles/BorderDemoCtl.xaml
@@ -6,37 +6,54 @@
              xmlns:ex="clr-namespace:HandyControlDemo.Tools.Extension"
              Background="{DynamicResource RegionBrush}">
     <hc:TransitioningContentControl>
-        <UniformGrid Margin="32,32,0,0" Columns="3" Rows="2">
-            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32">
-                <Border Background="{DynamicResource PrimaryBrush}">
-                    <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+        <StackPanel>
+            <UniformGrid Margin="32,32,0,0" Columns="3" Rows="2">
+                <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32">
+                    <Border Background="{DynamicResource PrimaryBrush}">
+                        <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
                 </Border>
-            </Border>
-            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow1}">
-                <Border Background="{DynamicResource InfoBrush}">
-                    <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow1}">
+                    <Border Background="{DynamicResource InfoBrush}">
+                        <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
                 </Border>
-            </Border>
-            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow2}">
-                <Border Background="{DynamicResource WarningBrush}">
-                    <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                <Border Style="{StaticResource BorderRegion}" Width="200" Height="200" Margin="0,0,32,32" Effect="{StaticResource EffectShadow2}">
+                    <Border Background="{DynamicResource WarningBrush}">
+                        <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
                 </Border>
-            </Border>
-            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow3}">
-                <Border Background="{DynamicResource DangerBrush}">
-                    <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow3}">
+                    <Border Background="{DynamicResource DangerBrush}">
+                        <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
                 </Border>
-            </Border>
-            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow4}">
-                <Border Background="{DynamicResource AccentBrush}">
-                    <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow4}">
+                    <Border Background="{DynamicResource AccentBrush}">
+                        <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
+                    </Border>
                 </Border>
-            </Border>
-            <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow5}">
-                <Border Background="{DynamicResource BorderBrush}">
-                    <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
+                <Border Style="{StaticResource BorderRegion}" Width="200" Height="200"  Margin="0,0,32,32" Effect="{StaticResource EffectShadow5}">
+                    <Border Background="{DynamicResource BorderBrush}">
+                        <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.ContentDemoStr}}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
+                    </Border>
                 </Border>
+            </UniformGrid>
+            <Border Margin="32,0,32,10" Style="{StaticResource BorderTipPrimary}">
+                <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.Title},Converter={StaticResource StringRepeatConverter},ConverterParameter=10}"/>
             </Border>
-        </UniformGrid>
+            <Border Margin="32,0,32,10" Style="{StaticResource BorderTipDanger}">
+                <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.Title},Converter={StaticResource StringRepeatConverter},ConverterParameter=10}"/>
+            </Border>
+            <Border Margin="32,0,32,10" Style="{StaticResource BorderTipWarning}">
+                <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.Title},Converter={StaticResource StringRepeatConverter},ConverterParameter=10}"/>
+            </Border>
+            <Border Margin="32,0,32,10" Style="{StaticResource BorderTipInfo}">
+                <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.Title},Converter={StaticResource StringRepeatConverter},ConverterParameter=10}"/>
+            </Border>
+            <Border Margin="32,0,32,10" Style="{StaticResource BorderTipSuccess}">
+                <TextBlock Text="{ex:Lang Key={x:Static langs:LangKeys.Title},Converter={StaticResource StringRepeatConverter},ConverterParameter=10}"/>
+            </Border>
+        </StackPanel>
     </hc:TransitioningContentControl>
 </UserControl>
diff --git a/src/Shared/HandyControl_Shared/Themes/Basic/Brushes.xaml b/src/Shared/HandyControl_Shared/Themes/Basic/Brushes.xaml
index 93849725..476b8a12 100644
--- a/src/Shared/HandyControl_Shared/Themes/Basic/Brushes.xaml
+++ b/src/Shared/HandyControl_Shared/Themes/Basic/Brushes.xaml
@@ -2,6 +2,7 @@
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:o="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options">
 
+    <SolidColorBrush o:Freeze="True" x:Key="LightPrimaryBrush" Color="{DynamicResource LightPrimaryColor}"/>
     <LinearGradientBrush o:Freeze="True" x:Key="PrimaryBrush" EndPoint="1,0" StartPoint="0,0">
         <GradientStop o:Freeze="True" Color="{DynamicResource PrimaryColor}" Offset="0"/>
         <GradientStop o:Freeze="True" Color="{DynamicResource DarkPrimaryColor}" Offset="1"/>
@@ -28,24 +29,28 @@
     <SolidColorBrush o:Freeze="True" x:Key="DefaultBrush" Color="{DynamicResource DefaultColor}"/>
     <SolidColorBrush o:Freeze="True" x:Key="DarkDefaultBrush" Color="{DynamicResource DarkDefaultColor}"/>
 
+    <SolidColorBrush o:Freeze="True" x:Key="LightDangerBrush" Color="{DynamicResource LightDangerColor}"/>
     <LinearGradientBrush o:Freeze="True" x:Key="DangerBrush" EndPoint="1,0" StartPoint="0,0">
         <GradientStop o:Freeze="True" Color="{DynamicResource DangerColor}" Offset="0"/>
         <GradientStop o:Freeze="True" Color="{DynamicResource DarkDangerColor}" Offset="1"/>
     </LinearGradientBrush>
     <SolidColorBrush o:Freeze="True" x:Key="DarkDangerBrush" Color="{DynamicResource DarkDangerColor}"/>
 
+    <SolidColorBrush o:Freeze="True" x:Key="LightWarningBrush" Color="{DynamicResource LightWarningColor}"/>
     <LinearGradientBrush o:Freeze="True" x:Key="WarningBrush" EndPoint="1,0" StartPoint="0,0">
         <GradientStop o:Freeze="True" Color="{DynamicResource WarningColor}" Offset="0"/>
         <GradientStop o:Freeze="True" Color="{DynamicResource DarkWarningColor}" Offset="1"/>
     </LinearGradientBrush>
     <SolidColorBrush o:Freeze="True" x:Key="DarkWarningBrush" Color="{DynamicResource DarkWarningColor}"/>
 
+    <SolidColorBrush o:Freeze="True" x:Key="LightInfoBrush" Color="{DynamicResource LightInfoColor}"/>
     <LinearGradientBrush o:Freeze="True" x:Key="InfoBrush" EndPoint="1,0" StartPoint="0,0">
         <GradientStop o:Freeze="True" Color="{DynamicResource InfoColor}" Offset="0"/>
         <GradientStop o:Freeze="True" Color="{DynamicResource DarkInfoColor}" Offset="1"/>
     </LinearGradientBrush>
     <SolidColorBrush o:Freeze="True" x:Key="DarkInfoBrush" Color="{DynamicResource DarkInfoColor}"/>
 
+    <SolidColorBrush o:Freeze="True" x:Key="LightSuccessBrush" Color="{DynamicResource LightSuccessColor}"/>
     <LinearGradientBrush o:Freeze="True" x:Key="SuccessBrush" EndPoint="1,0" StartPoint="0,0">
         <GradientStop o:Freeze="True" Color="{DynamicResource SuccessColor}" Offset="0"/>
         <GradientStop o:Freeze="True" Color="{DynamicResource DarkSuccessColor}" Offset="1"/>
diff --git a/src/Shared/HandyControl_Shared/Themes/Basic/Colors/Colors.xaml b/src/Shared/HandyControl_Shared/Themes/Basic/Colors/Colors.xaml
index 94c75909..221e64c5 100644
--- a/src/Shared/HandyControl_Shared/Themes/Basic/Colors/Colors.xaml
+++ b/src/Shared/HandyControl_Shared/Themes/Basic/Colors/Colors.xaml
@@ -2,18 +2,23 @@
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:system="clr-namespace:System;assembly=mscorlib">
 
+    <Color x:Key="LightPrimaryColor">#f3fbff</Color>
     <Color x:Key="PrimaryColor">#326cf3</Color>
     <Color x:Key="DarkPrimaryColor">#326cf3</Color>
 
+    <Color x:Key="LightDangerColor">#fff6f7</Color>
     <Color x:Key="DangerColor">#db3340</Color>
     <Color x:Key="DarkDangerColor">#db3340</Color>
 
+    <Color x:Key="LightWarningColor">#fffcf5</Color>
     <Color x:Key="WarningColor">#e9af20</Color>
     <Color x:Key="DarkWarningColor">#e9af20</Color>
 
+    <Color x:Key="LightInfoColor">#f1fdff</Color>
     <Color x:Key="InfoColor">#00bcd4</Color>
     <Color x:Key="DarkInfoColor">#00bcd4</Color>
 
+    <Color x:Key="LightSuccessColor">#f3fff6</Color>
     <Color x:Key="SuccessColor">#2db84d</Color>
     <Color x:Key="DarkSuccessColor">#2db84d</Color>
 
diff --git a/src/Shared/HandyControl_Shared/Themes/Basic/Colors/ColorsDark.xaml b/src/Shared/HandyControl_Shared/Themes/Basic/Colors/ColorsDark.xaml
index 64fab76d..e594c718 100644
--- a/src/Shared/HandyControl_Shared/Themes/Basic/Colors/ColorsDark.xaml
+++ b/src/Shared/HandyControl_Shared/Themes/Basic/Colors/ColorsDark.xaml
@@ -2,18 +2,23 @@
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:system="clr-namespace:System;assembly=mscorlib">
 
+    <Color x:Key="LightPrimaryColor">#f3fbff</Color>
     <Color x:Key="PrimaryColor">#326cf3</Color>
     <Color x:Key="DarkPrimaryColor">#326cf3</Color>
 
+    <Color x:Key="LightDangerColor">#fff6f7</Color>
     <Color x:Key="DangerColor">#db3340</Color>
     <Color x:Key="DarkDangerColor">#db3340</Color>
 
+    <Color x:Key="LightWarningColor">#fffcf5</Color>
     <Color x:Key="WarningColor">#e9af20</Color>
     <Color x:Key="DarkWarningColor">#e9af20</Color>
 
+    <Color x:Key="LightInfoColor">#f1fdff</Color>
     <Color x:Key="InfoColor">#00bcd4</Color>
     <Color x:Key="DarkInfoColor">#00bcd4</Color>
 
+    <Color x:Key="LightSuccessColor">#f3fff6</Color>
     <Color x:Key="SuccessColor">#2db84d</Color>
     <Color x:Key="DarkSuccessColor">#2db84d</Color>
 
diff --git a/src/Shared/HandyControl_Shared/Themes/Basic/Colors/ColorsViolet.xaml b/src/Shared/HandyControl_Shared/Themes/Basic/Colors/ColorsViolet.xaml
index 5bf44c56..beee5f73 100644
--- a/src/Shared/HandyControl_Shared/Themes/Basic/Colors/ColorsViolet.xaml
+++ b/src/Shared/HandyControl_Shared/Themes/Basic/Colors/ColorsViolet.xaml
@@ -2,18 +2,23 @@
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:system="clr-namespace:System;assembly=mscorlib">
 
+    <Color x:Key="LightPrimaryColor">#fefbff</Color>
     <Color x:Key="PrimaryColor">#7b1fa2</Color>
     <Color x:Key="DarkPrimaryColor">#7b1fa2</Color>
 
+    <Color x:Key="LightDangerColor">#fff6f7</Color>
     <Color x:Key="DangerColor">#db3340</Color>
     <Color x:Key="DarkDangerColor">#db3340</Color>
 
+    <Color x:Key="LightWarningColor">#fffcf5</Color>
     <Color x:Key="WarningColor">#e9af20</Color>
     <Color x:Key="DarkWarningColor">#e9af20</Color>
 
+    <Color x:Key="LightInfoColor">#f1fdff</Color>
     <Color x:Key="InfoColor">#00bcd4</Color>
     <Color x:Key="DarkInfoColor">#00bcd4</Color>
 
+    <Color x:Key="LightSuccessColor">#f3fff6</Color>
     <Color x:Key="SuccessColor">#2db84d</Color>
     <Color x:Key="DarkSuccessColor">#2db84d</Color>
 
diff --git a/src/Shared/HandyControl_Shared/Themes/Styles/Border.xaml b/src/Shared/HandyControl_Shared/Themes/Styles/Border.xaml
index 9ab6eecd..56037516 100644
--- a/src/Shared/HandyControl_Shared/Themes/Styles/Border.xaml
+++ b/src/Shared/HandyControl_Shared/Themes/Styles/Border.xaml
@@ -17,6 +17,37 @@
         <Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}"/>
     </Style>
 
+    <Style x:Key="BorderTipBaseStyle" TargetType="Border">
+        <Setter Property="CornerRadius" Value="{StaticResource DefaultCornerRadius}"/>
+        <Setter Property="Padding" Value="10"/>
+        <Setter Property="BorderThickness" Value="5,0,0,0"/>
+    </Style>
+
+    <Style x:Key="BorderTipPrimary" BasedOn="{StaticResource BorderTipBaseStyle}" TargetType="Border">
+        <Setter Property="Background" Value="{DynamicResource LightPrimaryBrush}"/>
+        <Setter Property="BorderBrush" Value="{DynamicResource PrimaryBrush}"/>
+    </Style>
+
+    <Style x:Key="BorderTipDanger" BasedOn="{StaticResource BorderTipBaseStyle}" TargetType="Border">
+        <Setter Property="Background" Value="{DynamicResource LightDangerBrush}"/>
+        <Setter Property="BorderBrush" Value="{DynamicResource DangerBrush}"/>
+    </Style>
+
+    <Style x:Key="BorderTipWarning" BasedOn="{StaticResource BorderTipBaseStyle}" TargetType="Border">
+        <Setter Property="Background" Value="{DynamicResource LightWarningBrush}"/>
+        <Setter Property="BorderBrush" Value="{DynamicResource WarningBrush}"/>
+    </Style>
+
+    <Style x:Key="BorderTipInfo" BasedOn="{StaticResource BorderTipBaseStyle}" TargetType="Border">
+        <Setter Property="Background" Value="{DynamicResource LightInfoBrush}"/>
+        <Setter Property="BorderBrush" Value="{DynamicResource InfoBrush}"/>
+    </Style>
+
+    <Style x:Key="BorderTipSuccess" BasedOn="{StaticResource BorderTipBaseStyle}" TargetType="Border">
+        <Setter Property="Background" Value="{DynamicResource LightSuccessBrush}"/>
+        <Setter Property="BorderBrush" Value="{DynamicResource SuccessBrush}"/>
+    </Style>
+
     <Style x:Key="BorderVerticallySplitter" TargetType="Border">
         <Setter Property="Width" Value="1"/>
         <Setter Property="HorizontalAlignment" Value="Left"/>