diff --git a/docs/en/UI/Angular/Theme-Configurations.md b/docs/en/UI/Angular/Theme-Configurations.md
index 85d22040df..bbd2b89c3c 100644
--- a/docs/en/UI/Angular/Theme-Configurations.md
+++ b/docs/en/UI/Angular/Theme-Configurations.md
@@ -1,3 +1,221 @@
 # Angular UI: Theme Configurations
 
-> This document is in draft version.
\ No newline at end of file
+As of ABP version 6.0, theme packages do not import styles as css modules. In order for theme packages to load styles, the following style configuration must be added to the angular.json file.
+
+## Lepton X Lite
+```json
+{
+    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/bootstrap-dim.css",
+    "inject": false,
+    "bundleName": "bootstrap-dim"
+},
+{
+    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/ng-bundle.css",
+    "inject": false,
+    "bundleName": "ng-bundle"
+},
+{
+    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/side-menu/layout-bundle.css",
+    "inject": false,
+    "bundleName": "layout-bundle"
+},
+{
+    "input": "node_modules/@abp/ng.theme.lepton-x/assets/css/abp-bundle.css",
+    "inject": false,
+    "bundleName": "abp-bundle"
+},
+{
+    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/bootstrap-dim.rtl.css",
+    "inject": false,
+    "bundleName": "bootstrap-dim.rtl"
+},
+{
+    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/ng-bundle.rtl.css",
+    "inject": false,
+    "bundleName": "ng-bundle.rtl"
+},
+{
+    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/side-menu/layout-bundle.rtl.css",
+    "inject": false,
+    "bundleName": "layout-bundle.rtl"
+},
+{
+    "input": "node_modules/@abp/ng.theme.lepton-x/assets/css/abp-bundle.rtl.css",
+    "inject": false,
+    "bundleName": "abp-bundle.rtl"
+},
+```
+
+## Theme Basic
+```json
+{
+    "input": "node_modules/bootstrap/dist/css/bootstrap.rtl.min.css",
+    "inject": false,
+    "bundleName": "bootstrap-rtl.min"
+},
+{
+    "input": "node_modules/bootstrap/dist/css/bootstrap.min.css",
+    "inject": true,
+    "bundleName": "bootstrap-ltr.min"
+},
+```
+
+## Lepton X
+```json
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dark.css",
+    "inject": false,
+    "bundleName": "dark"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/light.css",
+    "inject": false,
+    "bundleName": "light"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dim.css",
+    "inject": false,
+    "bundleName": "dim"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dim.css",
+    "inject": false,
+    "bundleName": "bootstrap-dim"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dark.css",
+    "inject": false,
+    "bundleName": "bootstrap-dark"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-light.css",
+    "inject": false,
+    "bundleName": "bootstrap-light"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/ng-bundle.css",
+    "inject": false,
+    "bundleName": "ng-bundle"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.css",
+    "inject": false,
+    "bundleName": "layout-bundle"
+},
+{
+    "input": "node_modules/@volosoft/abp.ng.theme.lepton-x/assets/css/abp-bundle.css",
+    "inject": false,
+    "bundleName": "abp-bundle"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dark.rtl.css",
+    "inject": false,
+    "bundleName": "dark.rtl"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/light.rtl.css",
+    "inject": false,
+    "bundleName": "light.rtl"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dim.rtl.css",
+    "inject": false,
+    "bundleName": "dim.rtl"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dim.rtl.css",
+    "inject": false,
+    "bundleName": "bootstrap-dim.rtl"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dark.rtl.css",
+    "inject": false,
+    "bundleName": "bootstrap-dark.rtl"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-light.rtl.css",
+    "inject": false,
+    "bundleName": "bootstrap-light.rtl"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/ng-bundle.rtl.css",
+    "inject": false,
+    "bundleName": "ng-bundle.rtl"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.rtl.css",
+    "inject": false,
+    "bundleName": "layout-bundle.rtl"
+},
+{
+    "input": "node_modules/@volosoft/abp.ng.theme.lepton-x/assets/css/abp-bundle.rtl.css",
+    "inject": false,
+    "bundleName": "abp-bundle.rtl"
+}
+```
+
+## Theme Lepton
+```json
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.min.css",
+    "inject": false,
+    "bundleName": "lepton1"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.min.css",
+    "inject": false,
+    "bundleName": "lepton2"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.min.css",
+    "inject": false,
+    "bundleName": "lepton3"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.min.css",
+    "inject": false,
+    "bundleName": "lepton4"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.min.css",
+    "inject": false,
+    "bundleName": "lepton5"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.min.css",
+    "inject": false,
+    "bundleName": "lepton6"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.rtl.min.css",
+    "inject": false,
+    "bundleName": "lepton1.rtl"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.rtl.min.css",
+    "inject": false,
+    "bundleName": "lepton2.rtl"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.rtl.min.css",
+    "inject": false,
+    "bundleName": "lepton3.rtl"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.rtl.min.css",
+    "inject": false,
+    "bundleName": "lepton4.rtl"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.rtl.min.css",
+    "inject": false,
+    "bundleName": "lepton5.rtl"
+},
+{
+    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.rtl.min.css",
+    "inject": false,
+    "bundleName": "lepton6.rtl"
+},
+```
+
+