Update Demo App Screenshots (#1569)

* Update demo app screenshots (v3.0.0)

* Optimize demo app screenshots size

Author: AmRo045

README.md

@@ -8,70 +8,75 @@ Comprehensive and easy to use Material Design theme and control library for the
 
 # ![Alt text](web/images/MD4XAML28.png "Summary") Summary
 
- * Material Design styles for all major WPF Framework controls
- * Additional controls to support the theme, including Multi Action Button, Cards, Dialogs, Clock
- * Easy configuration of palette (at design _and_ runtime), according to [Google's guidelines](https://material.io/design/)
- * Full [Material Design Icons](https://materialdesignicons.com/) icon pack
- * Easy transition effects
- * Compatible with [Dragablz](https://github.com/ButchersBoy/Dragablz), [MahApps](https://github.com/MahApps/MahApps.Metro)
- * Demo applications included in the source project
+- Material Design styles for all major WPF Framework controls
+- Additional controls to support the theme, including Multi Action Button, Cards, Dialogs, Clock
+- Easy configuration of palette (at design _and_ runtime), according to [Google's guidelines](https://material.io/design/)
+- Full [Material Design Icons](https://materialdesignicons.com/) icon pack
+- Easy transition effects
+- Compatible with [Dragablz](https://github.com/ButchersBoy/Dragablz), [MahApps](https://github.com/MahApps/MahApps.Metro)
+- Demo applications included in the source project
 
 [![Backers on Open Collective](https://opencollective.com/materialdesigninxaml/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/materialdesigninxaml/sponsors/badge.svg)](#sponsors) [![Gitter](https://img.shields.io/badge/Gitter-Join%20Chat,%20Get%20Help,%20Say%20Hello!-green.svg?style=flat-square)](https://gitter.im/ButchersBoy/MaterialDesignInXamlToolkit)
 [![Build Status](https://dev.azure.com/MaterialDesignInXAML/MaterialDesignInXaml/_apis/build/status/MaterialDesignInXAML.MaterialDesignInXamlToolkit?branchName=master)](https://dev.azure.com/MaterialDesignInXAML/MaterialDesignInXaml/_build/latest?definitionId=2&branchName=master)
 [![NuGet-Themes](https://img.shields.io/nuget/v/MaterialDesignThemes.svg?label=NuGet:%20Themes&style=flat-square)](https://www.nuget.org/packages/MaterialDesignThemes/)
-[![NuGet-Themes](https://img.shields.io/nuget/vpre/MaterialDesignThemes.svg?label=NuGet:%20Themes%20(CI)&style=flat-square)](https://www.nuget.org/packages/MaterialDesignThemes/)
+[![NuGet-Themes](<https://img.shields.io/nuget/vpre/MaterialDesignThemes.svg?label=NuGet:%20Themes%20(CI)&style=flat-square>)](https://www.nuget.org/packages/MaterialDesignThemes/)
 [![NuGet-Themes](https://img.shields.io/nuget/vpre/MaterialDesignColors.svg?label=NuGet:%20Colours&style=flat-square)](https://www.nuget.org/packages/MaterialDesignColors/)
 [![Issues](https://img.shields.io/github/issues/MaterialDesignInXAML/MaterialDesignInXamlToolkit.svg?style=flat-square)](https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/issues)
 [![Twitter](https://img.shields.io/badge/twitter-%40james__willock-55acee.svg?style=flat-square)](https://twitter.com/James_Willock)
- 
+
 # ![Alt text](web/images/MD4XAML28.png "How Can I Use The Themes?") Getting Started
 
-* Checkout the [Super Quick Start](https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/wiki/Super-Quick-Start)
-* Or, the more comprehensive [Starting Guide](https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/wiki/Getting-Started) guide.
-* Or, watch the [Material Design In XAML Toolkit An Introduction](https://www.youtube.com/watch?v=-n5yeEOsbCk) video.
+- Checkout the [Super Quick Start](https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/wiki/Super-Quick-Start)
+- Or, the more comprehensive [Starting Guide](https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/wiki/Getting-Started) guide.
+- Or, watch the [Material Design In XAML Toolkit An Introduction](https://www.youtube.com/watch?v=-n5yeEOsbCk) video.
 
 # ![Alt text](web/images/MD4XAML28.png "In Action") See It In Action
 
-* Download a pre-compiled demo from the [releases](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit/releases) page.
-* Download the source and run the demo ([more information](https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/wiki/Compiling-From-Source)).
-* Checkout [Keboo/MaterialDesign.Examples](https://github.com/Keboo/MaterialDesignInXaml.Examples)
-* Checkout [doobry](http://materialdesigninxaml.net/doobry).
-* Checkout [F1ix](http://materialdesigninxaml.net/f1ix).
-* Checkout [Motion List](https://github.com/MaterialDesignInXAML/MotionList).
+- Download a pre-compiled demo from the [releases](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit/releases) page.
+- Download the source and run the demo ([more information](https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/wiki/Compiling-From-Source)).
+- Checkout [Keboo/MaterialDesign.Examples](https://github.com/Keboo/MaterialDesignInXaml.Examples)
+- Checkout [doobry](http://materialdesigninxaml.net/doobry).
+- Checkout [F1ix](http://materialdesigninxaml.net/f1ix).
+- Checkout [Motion List](https://github.com/MaterialDesignInXAML/MotionList).
 
 # ![Alt text](web/images/MD4XAML28.png "How Can I Use The Themes?") Source Code
-To load the source project you will need Visual Studio 2019.  Don't worry if you have an earlier version, you can still use the compiled assemblies from NuGet (``` Install-Package MaterialDesignThemes ```). There are two demo projects in the solution, restore the necessary NuGet packages and correct the programming syntax that is not compatible with C# versions lower than C# 8.0 (```currently used in Visual Studio 2019```). Then, you should be able to fire both of these projects up.  One is a "pure" Material Design project, the other illustrates how to combine with Dragablz & MahApps.
+
+To load the source project you will need Visual Studio 2019. Don't worry if you have an earlier version, you can still use the compiled assemblies from NuGet (`Install-Package MaterialDesignThemes`). There are two demo projects in the solution, restore the necessary NuGet packages and correct the programming syntax that is not compatible with C# versions lower than C# 8.0 (`currently used in Visual Studio 2019`). Then, you should be able to fire both of these projects up. One is a "pure" Material Design project, the other illustrates how to combine with Dragablz & MahApps.
 
 # ![Alt text](web/images/MD4XAML28.png "Contributions") Contribution Guidelines
 
-* Before contributing code read the [Contribution Guidelines](.github/CONTRIBUTING.md)
-  * GitHub issues are for bugs.
-  * For queries, help, and general chat stop by the [Gitter chat room](https://gitter.im/ButchersBoy/MaterialDesignInXamlToolkit).
-  * Stack Overflow tag: [material-design-in-xaml](http://stackoverflow.com/questions/tagged/material-design-in-xaml)
-* Want to say thanks?
-  *  Hit the :star: Star :star: button
-  *  If you'd like to make a very much appreciated financial donation please visit <a href='https://opencollective.com/materialdesigninxaml'>open collective</a>
+- Before contributing code read the [Contribution Guidelines](.github/CONTRIBUTING.md)
+  - GitHub issues are for bugs.
+  - For queries, help, and general chat stop by the [Gitter chat room](https://gitter.im/ButchersBoy/MaterialDesignInXamlToolkit).
+  - Stack Overflow tag: [material-design-in-xaml](http://stackoverflow.com/questions/tagged/material-design-in-xaml)
+- Want to say thanks?
+  - Hit the :star: Star :star: button
+  - If you'd like to make a very much appreciated financial donation please visit <a href='https://opencollective.com/materialdesigninxaml'>open collective</a>
 
 # ![Alt text](web/images/MD4XAML28.png "Mentions") Mentions
 
-* Logo courtesy of GitHub user [Snalty](https://github.com/snalty), and you can see more of him;
- * on his [blog](http://holothere.tumblr.com/)
- * and on [Twitter](https://twitter.com/snalty)
-* Marc Angers - I pulled some of his shadows straight in from this [blog post](http://marcangers.com/material-design-shadows-in-wpf/)
-* Icon pack sourced from [Material Design Icons](https://materialdesignicons.com/)
-* Utilises [ControlzEx](https://github.com/ControlzEx/ControlzEx)
-* Ignace Maes, whose [Material Skin](https://github.com/IgnaceMaes/MaterialSkin) project inspired the original material design theme for [Dragablz](https://github.com/ButchersBoy/Dragablz), which in turn led to me starting this project
-* [Material Design Extensions](https://github.com/spiegelp/MaterialDesignExtensions) is a community repository based on this library that provides additional controls and features.
-* **[Contributors!](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit/graphs/contributors)**  Thanks for the PRs which have helped add some extra polish.  
+- Logo courtesy of GitHub user [Snalty](https://github.com/snalty), and you can see more of him;
+- on his [blog](http://holothere.tumblr.com/)
+- and on [Twitter](https://twitter.com/snalty)
+- Marc Angers - I pulled some of his shadows straight in from this [blog post](http://marcangers.com/material-design-shadows-in-wpf/)
+- Icon pack sourced from [Material Design Icons](https://materialdesignicons.com/)
+- Utilises [ControlzEx](https://github.com/ControlzEx/ControlzEx)
+- Ignace Maes, whose [Material Skin](https://github.com/IgnaceMaes/MaterialSkin) project inspired the original material design theme for [Dragablz](https://github.com/ButchersBoy/Dragablz), which in turn led to me starting this project
+- [Material Design Extensions](https://github.com/spiegelp/MaterialDesignExtensions) is a community repository based on this library that provides additional controls and features.
+- **[Contributors!](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit/graphs/contributors)** Thanks for the PRs which have helped add some extra polish.
 
 # <a name="Screenshots"></a>![Alt text](web/images/MD4XAML28.png "Screenshots") Screenshots
 
 ![Alt text](web/images/screen-buttons.png "Buttons")
 
+![Alt text](web/images/screen-toggles.png "Toggles")
+
 ![Alt text](web/images/screen-fields.png "Fields")
 
 ![Alt text](web/images/screen-palette.png "Palette")
 
+![Alt text](web/images/screen-colortools.png "Color Tools")
+
 ![Alt text](web/images/screen-pickers.png "Pickers")
 
 ![Alt text](web/images/screen-iconpack.png "Icons")
@@ -98,17 +103,15 @@ To load the source project you will need Visual Studio 2019.  Don't worry if you
 
 ## Contributors
 
-This project exists thanks to all the people who contribute. 
+This project exists thanks to all the people who contribute.
 <a href="https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/graphs/contributors"><img src="https://opencollective.com/materialdesigninxaml/contributors.svg?width=890&button=false" /></a>
 
-
 ## Backers
 
 Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/materialdesigninxaml#backer)]
 
 <a href="https://opencollective.com/materialdesigninxaml#backers" target="_blank"><img src="https://opencollective.com/materialdesigninxaml/backers.svg?width=890"></a>
 
-
 ## Sponsors
 
 Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/materialdesigninxaml#sponsor)]
@@ -123,5 +126,3 @@ Support this project by becoming a sponsor. Your logo will show up here with a l
 <a href="https://opencollective.com/materialdesigninxaml/sponsor/7/website" target="_blank"><img src="https://opencollective.com/materialdesigninxaml/sponsor/7/avatar.svg"></a>
 <a href="https://opencollective.com/materialdesigninxaml/sponsor/8/website" target="_blank"><img src="https://opencollective.com/materialdesigninxaml/sponsor/8/avatar.svg"></a>
 <a href="https://opencollective.com/materialdesigninxaml/sponsor/9/website" target="_blank"><img src="https://opencollective.com/materialdesigninxaml/sponsor/9/avatar.svg"></a>
-
-