fix: handle skin change

src/app/shared/services/skin/skin.service.ts

@@ -7,6 +7,7 @@ import { AppConfigService } from "../app-config/app-config.service";
 import { TemplateService } from "../../components/template/services/template.service";
 import { ThemeService } from "src/app/feature/theme/services/theme.service";
 import { SyncServiceBase } from "../syncService.base";
+import { DeploymentService } from "../deployment/deployment.service";
 
 @Injectable({
   providedIn: "root",
@@ -19,8 +20,9 @@ export class SkinService extends SyncServiceBase {
   private revertOverride: RecursivePartial<IAppConfig> = {};
 
   constructor(
-    private localStorageService: LocalStorageService,
     private appConfigService: AppConfigService,
+    private deploymentService: DeploymentService,
+    private localStorageService: LocalStorageService,
     private templateService: TemplateService,
     private themeService: ThemeService
   ) {
@@ -81,7 +83,7 @@ export class SkinService extends SyncServiceBase {
    */
   private generateOverrideConfig(skin: IAppSkin) {
     // Merge onto new object to avoid changing stored revertOverride
-    const base: RecursivePartial<IAppConfig> = {};
+    const base: RecursivePartial<IAppConfig> = this.deploymentService.config.app_config || {};
     return deepMergeObjects(base, this.revertOverride, skin.appConfig);
   }