diff --git a/docs/en/docs-nav.json b/docs/en/docs-nav.json
index 99eb3faf85..90311f29bd 100644
--- a/docs/en/docs-nav.json
+++ b/docs/en/docs-nav.json
@@ -1289,6 +1289,10 @@
                       "text": "The Basic Theme",
                       "path": "framework/ui/mvc-razor-pages/basic-theme.md"
                     },
+                    {
+                      "text": "LeptonX Lite",
+                      "path": "ui-themes/lepton-x-lite/mvc.md"
+                    },
                     {
                       "text": "LeptonX",
                       "path": "ui-themes/lepton-x/mvc.md"
@@ -2442,6 +2446,10 @@
           "text": "The Basic Theme",
           "path": "ui-themes/basic-theme"
         },
+        {
+          "text": "LeptonX Lite",
+          "path": "ui-themes/lepton-x-lite"
+        },
         {
           "text": "LeptonX Theme",
           "path": "ui-themes/lepton-x"
diff --git a/docs/en/ui-themes/basic-theme/index.md b/docs/en/ui-themes/basic-theme/index.md
index 20a24dae8d..f1d1a3d39c 100644
--- a/docs/en/ui-themes/basic-theme/index.md
+++ b/docs/en/ui-themes/basic-theme/index.md
@@ -1 +1,17 @@
-Read this document [here](../../framework/ui/mvc-razor-pages/basic-theme.md).
+# Basic Theme
+
+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)
+
+
+See the [Theming document](../../framework/ui/mvc-razor-pages/theming.md) to learn about themes.
+
+## User Interfaces
+
+The Basic Theme has implementation for the following UI types:
+
+- [MVC UI](../../framework/ui/mvc-razor-pages/basic-theme.md)
+- [Blazor UI](../../framework/ui/blazor/basic-theme.md)
+- [Angular UI](../../framework/ui/angular/basic-theme.md)
+