diff --git a/templates/app-nolayers/angular/src/app/app.config.ts b/templates/app-nolayers/angular/src/app/app.config.ts
index 5fcd465589..450a31aab8 100644
--- a/templates/app-nolayers/angular/src/app/app.config.ts
+++ b/templates/app-nolayers/angular/src/app/app.config.ts
@@ -1,6 +1,6 @@
-import {ApplicationConfig, importProvidersFrom} from '@angular/core';
-import {provideAnimations} from "@angular/platform-browser/animations";
-import {provideRouter} from "@angular/router";
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideRouter } from '@angular/router';
 import { appRoutes } from './app.routes';
 import { APP_ROUTE_PROVIDER } from './route.provider';
 import { provideAbpCore, withOptions } from '@abp/ng.core';
@@ -13,8 +13,9 @@ import { provideAccountConfig } from '@abp/ng.account/config';
 import { provideIdentityConfig } from '@abp/ng.identity/config';
 import { provideTenantManagementConfig } from '@abp/ng.tenant-management/config';
 import { provideFeatureManagementConfig } from '@abp/ng.feature-management';
-import {ThemeLeptonXModule} from "@abp/ng.theme.lepton-x";
-import {SideMenuLayoutModule} from "@abp/ng.theme.lepton-x/layouts";
+import { ThemeLeptonXModule } from '@abp/ng.theme.lepton-x';
+import { SideMenuLayoutModule } from '@abp/ng.theme.lepton-x/layouts';
+import { provideLogo, withEnvironmentOptions } from '@volo/ngx-lepton-x.core';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -34,9 +35,7 @@ export const appConfig: ApplicationConfig = {
     provideTenantManagementConfig(),
     provideFeatureManagementConfig(),
     provideAnimations(),
-    importProvidersFrom([
-      ThemeLeptonXModule.forRoot(),
-      SideMenuLayoutModule.forRoot(),
-    ])
+    provideLogo(withEnvironmentOptions(environment)),
+    importProvidersFrom([ThemeLeptonXModule.forRoot(), SideMenuLayoutModule.forRoot()]),
   ],
 };
diff --git a/templates/app/angular/src/app/app.config.ts b/templates/app/angular/src/app/app.config.ts
index 0d7e64c80c..4dc47f7f7c 100644
--- a/templates/app/angular/src/app/app.config.ts
+++ b/templates/app/angular/src/app/app.config.ts
@@ -1,6 +1,6 @@
-import {ApplicationConfig, importProvidersFrom} from '@angular/core';
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
-import {provideAnimations} from "@angular/platform-browser/animations";
+import { provideAnimations } from '@angular/platform-browser/animations';
 
 import { appRoutes } from './app.routes';
 import { APP_ROUTE_PROVIDER } from './route.provider';
@@ -14,9 +14,10 @@ import { provideAccountConfig } from '@abp/ng.account/config';
 import { provideIdentityConfig } from '@abp/ng.identity/config';
 import { provideTenantManagementConfig } from '@abp/ng.tenant-management/config';
 import { provideFeatureManagementConfig } from '@abp/ng.feature-management';
-import {ThemeLeptonXModule} from "@abp/ng.theme.lepton-x";
-import {SideMenuLayoutModule} from "@abp/ng.theme.lepton-x/layouts";
-import {AccountLayoutModule} from "@abp/ng.theme.lepton-x/account";
+import { ThemeLeptonXModule } from '@abp/ng.theme.lepton-x';
+import { SideMenuLayoutModule } from '@abp/ng.theme.lepton-x/layouts';
+import { AccountLayoutModule } from '@abp/ng.theme.lepton-x/account';
+import { provideLogo, withEnvironmentOptions } from '@volo/ngx-lepton-x.core';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -37,10 +38,11 @@ export const appConfig: ApplicationConfig = {
     provideFeatureManagementConfig(),
     provideAnimations(),
     provideAbpCore(),
+    provideLogo(withEnvironmentOptions(environment)),
     importProvidersFrom([
       ThemeLeptonXModule.forRoot(),
       SideMenuLayoutModule.forRoot(),
       AccountLayoutModule.forRoot(),
-    ])
+    ]),
   ],
 };