Merge pull request #16154 from abpframework/update-doc-of-lepton-x

[Doc] Remove preview tag and add theme-configuration link

docs/en/Themes/LeptonXLite/Angular.md

@@ -14,7 +14,7 @@ To add `LeptonX-lite` into your project,
 
 - Install `@abp/ng.theme.lepton-x`
 
-`yarn add @abp/ng.theme.lepton-x@preview`
+`yarn add @abp/ng.theme.lepton-x`
 
 - Install `bootstrap-icons`
 
@@ -22,12 +22,8 @@ To add `LeptonX-lite` into your project,
 
 - Then, we need to edit the styles array in `angular.json` to replace the existing style with the new one.
 
-Add the following style
+Note: You should remove the old theme styles from "angular.json" if you are switching from "ThemeBasic" or "Lepton."
-
+Look at the [Theme Configurations](../../UI/Angular/Theme-Configurations) list of styles. Depending on your theme, you can alter your styles in angular.json.
-```json
-"node_modules/bootstrap-icons/font/bootstrap-icons.css",
-```
-
 - Finally, remove `ThemeBasicModule` from `app.module.ts`, and import the related modules in `app.module.ts`
 
 ```js
@@ -38,7 +34,7 @@ import { SideMenuLayoutModule } from "@abp/ng.theme.lepton-x/layouts";
   imports: [
     // ...
 
-    // do not forget to remove ThemeBasicModule
+    // do not forget to remove ThemeBasicModule or other old theme module
     //  ThemeBasicModule.forRoot(),
     ThemeLeptonXModule.forRoot(),
     SideMenuLayoutModule.forRoot(),