diff --git a/wpf/Chromeless-Window/Adding-controls-in-the-titlebar.md b/wpf/Chromeless-Window/Adding-controls-in-the-titlebar.md
index 598489b3d4..fb89f32ea0 100644
--- a/wpf/Chromeless-Window/Adding-controls-in-the-titlebar.md
+++ b/wpf/Chromeless-Window/Adding-controls-in-the-titlebar.md
@@ -19,8 +19,7 @@ Provided the option to add adaptive controls such as Button, TextBox, Label, etc
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:Chromeless_Window_Sample"
         mc:Ignorable="d" xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
-        xmlns:skin="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"
-        skin:SfSkinManager.VisualStyle="Office2016Colorful" TitleTextAlignment="Left"
+        TitleTextAlignment="Left"
         Title="Chromeless Window Sample" IconAlignment="Left" Height="350" Width="550" x:Name="window"
          RightHeaderItemsSource="{DynamicResource rightHeaderItems}">
     <syncfusion:ChromelessWindow.Resources>
@@ -38,25 +37,27 @@ Provided the option to add adaptive controls such as Button, TextBox, Label, etc
 {% endhighlight %}
 {% highlight C# %}
 
-public class MyObservableCollection : ObservableCollection<object> { }
+public class MyObservableCollection : ObservableCollection<object> 
+{ 
 
-/// <summary>
-/// Commmand for the help button.
-/// </summary>
-public DelegateCommand HelpCommand
-{
-    get
+    /// <summary>
+    /// Commmand for the help button.
+    /// </summary>
+    public DelegateCommand HelpCommand
     {
-        return new DelegateCommand(HelpCommandAction);
+        get
+        {
+            return new DelegateCommand(HelpCommandAction);
+        }
     }
-}
 
-/// <summary>
-/// Action that is performed when clicking the help button.
-/// </summary>
-private void HelpCommandAction(object param)
-{
-    System.Diagnostics.Process.Start("https://help.syncfusion.com/wpf/chromeless-window/adding-controls-in-the-titlebar");
+    /// <summary>
+    /// Action that is performed when clicking the help button.
+    /// </summary>
+    private void HelpCommandAction(object param)
+    {
+        System.Diagnostics.Process.Start("https://help.syncfusion.com/wpf/chromeless-window/adding-controls-in-the-titlebar");
+    }
 }
 
 /// <summary>
@@ -125,8 +126,7 @@ In the illustration below, we have defined the [`RightHeaderItemTemplate`](https
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:Chromeless_Window_Sample"
         mc:Ignorable="d" xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
-        xmlns:skin="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"
-        skin:SfSkinManager.VisualStyle="Office2016Colorful" TitleTextAlignment="Left"
+        TitleTextAlignment="Left"
         Title="Chromeless Window Sample" IconAlignment="Left" Height="350" Width="550"
         RightHeaderItemsSource="{Binding Utilities}" RightHeaderItemTemplate="{DynamicResource Part_RightItemsTemplate}">
     <syncfusion:ChromelessWindow.DataContext>
diff --git a/wpf/Chromeless-Window/ChromelessWindow-TitleFontSize-Support_images/ChromelessWindow-TitleFontSize-Support_img1.jpeg b/wpf/Chromeless-Window/ChromelessWindow-TitleFontSize-Support_images/ChromelessWindow-TitleFontSize-Support_img1.jpeg
index fe41b6cf7f..590651d78c 100644
Binary files a/wpf/Chromeless-Window/ChromelessWindow-TitleFontSize-Support_images/ChromelessWindow-TitleFontSize-Support_img1.jpeg and b/wpf/Chromeless-Window/ChromelessWindow-TitleFontSize-Support_images/ChromelessWindow-TitleFontSize-Support_img1.jpeg differ
diff --git a/wpf/Chromeless-Window/Corner-Radius.md b/wpf/Chromeless-Window/Corner-Radius.md
index acaf3a5329..409dffd3ef 100644
--- a/wpf/Chromeless-Window/Corner-Radius.md
+++ b/wpf/Chromeless-Window/Corner-Radius.md
@@ -19,8 +19,8 @@ The default value is zero, which implies sharp corners
 <syncfusion:ChromelessWindow x:Class="Chromelesswindow.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-Title="ChromelessWindow" Height="350" Width="525"  CornerRadius="8"  AllowsTransparency="True" 
-syncfusion:SkinStorage.VisualStyle="Metro" x:Name="_chromelessWindow"    
+Title="ChromelessWindow" Height="350" Width="525"  CornerRadius="8"  AllowsTransparency="True"
+x:Name="_chromelessWindow"    
 xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF"  >
 </syncfusion:ChromelessWindow>
 
diff --git a/wpf/Chromeless-Window/Corner-Radius_images/Corner-Radius_img1.jpeg b/wpf/Chromeless-Window/Corner-Radius_images/Corner-Radius_img1.jpeg
index aa7f980b24..025a29c38a 100644
Binary files a/wpf/Chromeless-Window/Corner-Radius_images/Corner-Radius_img1.jpeg and b/wpf/Chromeless-Window/Corner-Radius_images/Corner-Radius_img1.jpeg differ
diff --git a/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow.md b/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow.md
index f53be10cbc..41a911b13c 100644
--- a/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow.md
+++ b/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow.md
@@ -21,7 +21,7 @@ To set the ResizeBorderBrush property, use the below code
 <syncfusion:ChromelessWindow x:Class="Chromelesswindow.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-Title="ChromelessWindow" Height="350" Width="525" ResizeBorderBrush="Maroon" syncfusion:SkinStorage.VisualStyle="Metro"     
+Title="ChromelessWindow" Height="350" Width="525" ResizeBorderBrush="Maroon"    
 x:Name="_chromelessWindow"    xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF" >
 <Grid>
 </Grid>
@@ -58,7 +58,7 @@ To set this property, use the following code.
 <syncfusion:ChromelessWindow x:Class="Chromelesswindow.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-Title="ChromelessWindow" Height="350" Width="525" ResizeBorderThickness="8"  syncfusion:SkinStorage.VisualStyle="Metro"     
+Title="ChromelessWindow" Height="350" Width="525" ResizeBorderThickness="8"    
 x:Name="_chromelessWindow"    xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF" >
 <Grid>
 </Grid>
diff --git a/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow_images/Customizing-Border-of-the-ChromelessWindow_img1.jpeg b/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow_images/Customizing-Border-of-the-ChromelessWindow_img1.jpeg
index f80190e884..ec92df8a51 100644
Binary files a/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow_images/Customizing-Border-of-the-ChromelessWindow_img1.jpeg and b/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow_images/Customizing-Border-of-the-ChromelessWindow_img1.jpeg differ
diff --git a/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow_images/Customizing-Border-of-the-ChromelessWindow_img2.jpeg b/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow_images/Customizing-Border-of-the-ChromelessWindow_img2.jpeg
index da2580b4a1..f4341d6156 100644
Binary files a/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow_images/Customizing-Border-of-the-ChromelessWindow_img2.jpeg and b/wpf/Chromeless-Window/Customizing-Border-of-the-ChromelessWindow_images/Customizing-Border-of-the-ChromelessWindow_img2.jpeg differ
diff --git a/wpf/Chromeless-Window/Getting-Started_images/MaximizeMinimizeButton.PNG b/wpf/Chromeless-Window/Getting-Started_images/MaximizeMinimizeButton.PNG
index 3e1c73be5e..d177206ca2 100644
Binary files a/wpf/Chromeless-Window/Getting-Started_images/MaximizeMinimizeButton.PNG and b/wpf/Chromeless-Window/Getting-Started_images/MaximizeMinimizeButton.PNG differ
diff --git a/wpf/Chromeless-Window/Getting-Started_images/ShowTitle.PNG b/wpf/Chromeless-Window/Getting-Started_images/ShowTitle.PNG
index a3d0ec480f..5fe1406585 100644
Binary files a/wpf/Chromeless-Window/Getting-Started_images/ShowTitle.PNG and b/wpf/Chromeless-Window/Getting-Started_images/ShowTitle.PNG differ
diff --git a/wpf/Chromeless-Window/Getting-Started_images/Title-bar-items-using-Template.png b/wpf/Chromeless-Window/Getting-Started_images/Title-bar-items-using-Template.png
index 238d84d814..cfff080762 100644
Binary files a/wpf/Chromeless-Window/Getting-Started_images/Title-bar-items-using-Template.png and b/wpf/Chromeless-Window/Getting-Started_images/Title-bar-items-using-Template.png differ
diff --git a/wpf/Chromeless-Window/Getting-Started_images/Title-bar-items-using-collection.png b/wpf/Chromeless-Window/Getting-Started_images/Title-bar-items-using-collection.png
index a989e48670..0c0d0b4de3 100644
Binary files a/wpf/Chromeless-Window/Getting-Started_images/Title-bar-items-using-collection.png and b/wpf/Chromeless-Window/Getting-Started_images/Title-bar-items-using-collection.png differ
diff --git a/wpf/Chromeless-Window/Styling-the-ChromelessWindow.md b/wpf/Chromeless-Window/Styling-the-ChromelessWindow.md
index 9e182d59ea..07afdf0ccb 100644
--- a/wpf/Chromeless-Window/Styling-the-ChromelessWindow.md
+++ b/wpf/Chromeless-Window/Styling-the-ChromelessWindow.md
@@ -22,7 +22,7 @@ ChromelessWindow allows the end-user to write own templates for the TitleBar. Th
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 Title="ChromelessWindow" Height="350" Width="525" TitleBarTemplate="{StaticResource TitleBarTemplateKey}"   
-syncfusion:SkinStorage.VisualStyle="Metro" x:Name="_chromelessWindow"    
+x:Name="_chromelessWindow"    
 xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF"  >
 </syncfusion:ChromelessWindow>
 
@@ -64,7 +64,7 @@ ChromelessWindow enables the user to write their own templates for the Title bu
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 Title="ChromelessWindow" Height="350" Width="525" MaximizeButtonTemplate="{StaticResource MaxTemplateKey}" 
-syncfusion:SkinStorage.VisualStyle="Metro"    x:Name="_chromelessWindow"    
+x:Name="_chromelessWindow"    
 xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF" >
 <Grid>
 </Grid>
@@ -158,7 +158,7 @@ Then apply this style to the ChromelessWindow using Template Property
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 Title="ChromelessWindow" Height="350" Width="525" Template="{StaticResource ChromelessWindowTemplate}"   
-syncfusion:SkinStorage.VisualStyle="Metro" x:Name="_chromelessWindow"    
+x:Name="_chromelessWindow"    
 xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF"  >
 </syncfusion:ChromelessWindow>
 
diff --git a/wpf/Chromeless-Window/Styling-the-ChromelessWindow_images/Styling-the-ChromelessWindow_img1.jpeg b/wpf/Chromeless-Window/Styling-the-ChromelessWindow_images/Styling-the-ChromelessWindow_img1.jpeg
index 8059b2a923..611b30ef89 100644
Binary files a/wpf/Chromeless-Window/Styling-the-ChromelessWindow_images/Styling-the-ChromelessWindow_img1.jpeg and b/wpf/Chromeless-Window/Styling-the-ChromelessWindow_images/Styling-the-ChromelessWindow_img1.jpeg differ
diff --git a/wpf/Chromeless-Window/Styling-the-ChromelessWindow_images/Styling-the-ChromelessWindow_img2.jpeg b/wpf/Chromeless-Window/Styling-the-ChromelessWindow_images/Styling-the-ChromelessWindow_img2.jpeg
index 254766ccef..3dc11d6daa 100644
Binary files a/wpf/Chromeless-Window/Styling-the-ChromelessWindow_images/Styling-the-ChromelessWindow_img2.jpeg and b/wpf/Chromeless-Window/Styling-the-ChromelessWindow_images/Styling-the-ChromelessWindow_img2.jpeg differ
diff --git a/wpf/Chromeless-Window/TitleBarBackground_images/TitleBarBackground_img1.jpeg b/wpf/Chromeless-Window/TitleBarBackground_images/TitleBarBackground_img1.jpeg
index cd91a781c2..e198ac30e3 100644
Binary files a/wpf/Chromeless-Window/TitleBarBackground_images/TitleBarBackground_img1.jpeg and b/wpf/Chromeless-Window/TitleBarBackground_images/TitleBarBackground_img1.jpeg differ
diff --git a/wpf/Chromeless-Window/TitleBarCustomization.md b/wpf/Chromeless-Window/TitleBarCustomization.md
index 54ab1347c3..1d0ecc42dc 100644
--- a/wpf/Chromeless-Window/TitleBarCustomization.md
+++ b/wpf/Chromeless-Window/TitleBarCustomization.md
@@ -20,7 +20,6 @@ documentation: ug
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Title="MainWindow" Height="350" Width="525"  TitleBarBackground="Red"   x:Name="_chromelessWindow"  
-  syncfusion:SkinStorage.VisualStyle="Metro"  
   xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF" >
   <Grid>
   </Grid>
@@ -57,8 +56,8 @@ documentation: ug
  <syncfusion:ChromelessWindow x:Class="Chromelesswindow.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-  Title="ChromelessWindow" Height="350" Width="525" TitleBarHeight="60" TitleBarBackground="Pink" 
-  syncfusion:SkinStorage.VisualStyle="Metro"  x:Name="_chromelessWindow"  
+  Title="ChromelessWindow" Height="350" Width="525" TitleBarHeight="60" TitleBarBackground="Pink"
+  x:Name="_chromelessWindow" 
   xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF" >
   <Grid>
   </Grid>
@@ -93,7 +92,7 @@ documentation: ug
  <syncfusion:ChromelessWindow x:Class="Chromelesswindow.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-  Title="ChromelessWindow" Height="350" Width="525" TitleFontSize="25" syncfusion:SkinStorage.VisualStyle="Metro"     
+  Title="ChromelessWindow" Height="350" Width="525" TitleFontSize="25"     
   x:Name="_chromelessWindow" xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF" >
   <Grid>
   </Grid>
@@ -130,8 +129,6 @@ documentation: ug
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:Chromeless_Window_Sample"
         mc:Ignorable="d" xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
-        xmlns:skin="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"
-        skin:SfSkinManager.VisualStyle="Office2019Colorful"
         TitleTextAlignment="Center"
         Icon="App.ico"
         ShowTitle="False" 
@@ -160,8 +157,6 @@ documentation: ug
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:Chromeless_Window_Sample"
         mc:Ignorable="d" xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
-        xmlns:skin="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"
-        skin:SfSkinManager.VisualStyle="Office2019Colorful"
         TitleTextAlignment="Center"
         Icon="App.ico"
         ShowMinimizeButton="False"
diff --git a/wpf/Chromeless-Window/TitleBarHeight-Support_images/TitleBarHeight-Support_img1.jpeg b/wpf/Chromeless-Window/TitleBarHeight-Support_images/TitleBarHeight-Support_img1.jpeg
index 71f2b77361..2c1f1a12b0 100644
Binary files a/wpf/Chromeless-Window/TitleBarHeight-Support_images/TitleBarHeight-Support_img1.jpeg and b/wpf/Chromeless-Window/TitleBarHeight-Support_images/TitleBarHeight-Support_img1.jpeg differ
diff --git a/wpf/Chromeless-Window/UseNativeChrome.md b/wpf/Chromeless-Window/UseNativeChrome.md
index 5ac74b2032..a9b087e6e8 100644
--- a/wpf/Chromeless-Window/UseNativeChrome.md
+++ b/wpf/Chromeless-Window/UseNativeChrome.md
@@ -19,7 +19,7 @@ To set this property, use the below code.
 <syncfusion:ChromelessWindow x:Class="Chromelesswindow.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-Title="ChromelessWindow" Height="350" Width="525"  UseNativeChrome="True"   syncfusion:SkinStorage.VisualStyle="Metro" 
+Title="ChromelessWindow" Height="350" Width="525"  UseNativeChrome="True" 
 x:Name="_chromelessWindow" xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.WPF"  >
 </syncfusion:ChromelessWindow>