Enhance the theming index document

docs/en/Themes/Index.md

@@ -1,20 +1,30 @@
-# ABP Framework Official Themes
+# The Official Themes
-ABP Framework provides some official themes. You can use them in your projects.
+ABP Framework provides a complete UI theming system. While you can build your own themes, you can use the following pre-built themes freely in your applications.
 
-## Basic Theme
+## The Basic Theme
-The Basic Theme is a minimalist theme that doesn't add any styling on top of the plain [Bootstrap](https://getbootstrap.com/). You can take the Basic Theme as the base theme and build your own theme or styling on top of it.
+The Basic Theme is a minimalist theme that doesn't add any styling on top of the plain [Bootstrap](https://getbootstrap.com/) styles. You can take the Basic Theme as the base theme and build your own theme or styling on top of it. Here, a screenshot from the theme:
 
 ![basic-theme-application-layout](../images/basic-theme-application-layout.png)
 
-- [Basic Theme - MVC](../UI/AspNetCore/Basic-Theme.md)
+### Documentation
-- [Basic Theme - Blazor](../UI/Blazor/Basic-Theme.md)
-- [Basic Theme - Angular](../UI/Angular/Basic-Theme.md)
 
-## LeptonX Lite
+- [Basic Theme - MVC UI](../UI/AspNetCore/Basic-Theme.md)
-[LeptonX Theme](https://x.leptontheme.com/) is a new generation theme of Lepton Theme. **LeptonX Lite** is a simplified variation of the **LeptonX Theme**. It is a free theme and you can use it in your ABP projects. 
+- [Basic Theme - Blazor UI](../UI/Blazor/Basic-Theme.md)
+- [Basic Theme - Angular UI](../UI/Angular/Basic-Theme.md)
+
+## The LeptonX Lite Theme
+**LeptonX Lite** is the free version of the [LeptonX Theme](https://x.leptontheme.com/), which is a part of the ABP Commercial. Here, a screenshot from the theme:
 
 ![LeptonX Lite application layout](../images/leptonxlite-theme-application-layout.jpeg)
 
-- [LeptonX Lite - MVC](LeptonXLite/AspNetCore.md)
+### Documentation
-- [LeptonX Lite - Blazor](LeptonXLite/Blazor.md)
+
-- [LeptonX Lite - Angular](LeptonXLite/Angular.md)
+- [LeptonX Lite - MVC UI](LeptonXLite/AspNetCore.md)
+- [LeptonX Lite - Blazor UI](LeptonXLite/Blazor.md)
+- [LeptonX Lite - Angular UI](LeptonXLite/Angular.md)
+
+## See Also
+
+* [Theming - MVC UI](../UI/AspNetCore/Theming.md)
+* [Theming - Blazor UI](../UI/Blazor/Theming.md)
+* [Theming - Angular UI](../UI/Angular/Theming.md)

docs/en/docs-nav.json

@@ -630,10 +630,6 @@
     {
       "text": "User Interface",
       "items": [
-        {
-          "text": "Themes",
-          "path": "Themes/Index.md"
-        },
         {
           "text": "MVC / Razor Pages",
           "items": [
@@ -1198,6 +1194,10 @@
         {
           "text": "Common",
           "items": [
+            {
+              "text": "Themes",
+              "path": "Themes/Index.md"
+            },
             {
               "text": "Overriding the User Interface",
               "path": "Customizing-Application-Modules-Overriding-User-Interface.md"