Merge pull request #16175 from abpframework/auto-merge/rel-7-0/1848

Merge branch rel-7.1 with rel-7.0

docs/en/Themes/LeptonXLite/Angular.md

@@ -28,12 +28,8 @@ yarn add bootstrap-icons
 
 * [Styles - Angular UI](../../UI/Angular/Theme-Configurations.md)
 
-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
@@ -44,7 +40,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(),