Add Themes/Index

docs/en/Themes/LeptonXLite/Index.md

@@ -0,0 +1,20 @@
+# ABP Framework Official Themes
+ABP Framework provides some official themes. You can use them in your projects.
+
+## 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.
+
+![basic-theme-application-layout](../../images/basic-theme-application-layout.png)
+
+- [Basic Theme - MVC](../../UI/AspNetCore/Basic-Theme.md)
+- [Basic Theme - Blazor](../../UI/Blazor/Basic-Theme.md)
+- [Basic Theme - Angular](../../UI/Angular/Basic-Theme.md)
+
+## LeptonX Lite
+[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. 
+
+![](../../images/leptonxlite-theme-application-layout.jpeg)
+
+- [LeptonX Lite - MVC](AspNetCore.md)
+- [LeptonX Lite - Blazor](Blazor.md)
+- [LeptonX Lite - Angular](Angular.md)

docs/en/docs-nav.json

@@ -630,6 +630,10 @@
     {
       "text": "User Interface",
       "items": [
+        {
+          "text": "Themes",
+          "path": "Themes/LeptonXLite/Index.md"
+        },
         {
           "text": "MVC / Razor Pages",
           "items": [