update: lepton theme provider functions

docs/en/ui-themes/lepton-x-lite/angular.md

@@ -34,20 +34,14 @@ Look at the [Theme Configurations](../../framework/ui/angular/theme-configuratio
 - Finally, remove `provideThemeBasicConfig` from `app.config.ts`, and import the related providers in `app.config.ts`
 
 ```js
-import { provideThemeLeptonX, withThemeLeptonXOptions } from "@abp/ng.theme.lepton-x";
+import { provideThemeLeptonX } from "@abp/ng.theme.lepton-x";
 import { provideSideMenuLayout } from "@abp/ng.theme.lepton-x/layouts";
 
 export const appConfig: ApplicationConfig = {
   providers: [
     // ...
     provideSideMenuLayout(),
-    provideThemeLeptonX(
-      withThemeLeptonXOptions({
-        styleFactory: (styles) => {
-          return styles;
-        },
-      })
-    ),
+    provideThemeLeptonX(),
   ],
 };
 ```

docs/en/ui-themes/lepton-x/angular.md

@@ -14,7 +14,7 @@ Add theme-specific styles into the `styles` array of the file. Check the [Theme
 
 
 ```ts
-import { provideThemeLeptonX, withThemeLeptonXOptions } from '@volosoft/abp.ng.theme.lepton-x';
+import { provideThemeLeptonX } from '@volosoft/abp.ng.theme.lepton-x';
 import { provideSideMenuLayout } from '@volosoft/abp.ng.theme.lepton-x/layouts';
 // import { provideThemeLepton } from '@volo/abp.ng.theme.lepton'; 
 
@@ -22,19 +22,7 @@ export const appConfig: ApplicationConfig = {
   providers: [
     // provideThemeLepton() delete this
     provideSideMenuLayout(), // depends on which layout you choose
-    provideThemeLeptonX(
-      withThemeLeptonXOptions({
-        styleFactory: styles => {
-          return styles;
-        },
-        themeOptions: {
-          localStorageKey: 'lpx-theme',
-          styleFactory: styles => {
-            return styles;
-          },
-        },
-      })
-    ),
+    provideThemeLeptonX(),
   ],
 };
 ```
@@ -42,25 +30,13 @@ export const appConfig: ApplicationConfig = {
 If you want to use the **`Top Menu`** instead of the **`Side Menu`**, add `provideTopMenuLayout` as below,and [this style imports](https://docs.abp.io/en/abp/7.4/UI/Angular/Theme-Configurations#lepton-x-commercial)
 
 ```ts
-import { provideThemeLeptonX, withThemeLeptonXOptions } from '@volosoft/abp.ng.theme.lepton-x';
+import { provideThemeLeptonX } from '@volosoft/abp.ng.theme.lepton-x';
 import { provideTopMenuLayout } from '@volosoft/abp.ng.theme.lepton-x/layouts';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideTopMenuLayout(),
-    provideThemeLeptonX(
-      withThemeLeptonXOptions({
-        styleFactory: styles => {
-          return styles;
-        },
-        themeOptions: {
-          localStorageKey: 'lpx-theme',
-          styleFactory: styles => {
-            return styles;
-          },
-        },
-      })
-    ),
+    provideThemeLeptonX(),
   ],
 };
 ```

docs/en/ui-themes/lepton-x/angular/how-to-change-default-theme-option.md

@@ -12,15 +12,6 @@ export const appConfig: ApplicationConfig = {
     // ...
     provideThemeLeptonX(
       withThemeLeptonXOptions({
-        styleFactory: styles => {
-          return styles;
-        },
-        themeOptions: {
-          localStorageKey: 'lpx-theme',
-          styleFactory: styles => {
-            return styles;
-          },
-        },
         defaultTheme: 'light'
       })
     ),
@@ -28,7 +19,7 @@ export const appConfig: ApplicationConfig = {
 };
 ```
 
-In the example above, we've imported the `provideThemeLeptonX` and `withThemeLeptonXOptions`, then configured it using the option parameters. By providing the `defaultTheme` parameter and setting its value to 'light',
+In the example above, we've imported the `provideThemeLeptonX` and `withThemeLeptonXOptions`, then configured it using the option parameters. By providing the `defaultTheme` parameter and setting its value to 'light'.
 
 If you delete the defaultTheme parameter in the configuration object, the LeptonX theme will use the default value of "System" as the default theme appearance.