diff --git a/docs/en/ui-themes/lepton-x-lite/angular.md b/docs/en/ui-themes/lepton-x-lite/angular.md
index f89ef539b2..2943a78524 100644
--- a/docs/en/ui-themes/lepton-x-lite/angular.md
+++ b/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(),
   ],
 };
 ```
diff --git a/docs/en/ui-themes/lepton-x/angular.md b/docs/en/ui-themes/lepton-x/angular.md
index 7ce2b809ff..af1713cec8 100644
--- a/docs/en/ui-themes/lepton-x/angular.md
+++ b/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(),
   ],
 };
 ```
diff --git a/docs/en/ui-themes/lepton-x/angular/how-to-change-default-theme-option.md b/docs/en/ui-themes/lepton-x/angular/how-to-change-default-theme-option.md
index 494d4c5115..264091b561 100644
--- a/docs/en/ui-themes/lepton-x/angular/how-to-change-default-theme-option.md
+++ b/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.