changes

Author: tammy-a11y

packages/angular-sdk-components/src/lib/_components/infra/root-container/root-container.component.ts

@@ -9,7 +9,6 @@ import { ReferenceComponent } from '../reference/reference.component';
 import { PreviewViewContainerComponent } from '../Containers/preview-view-container/preview-view-container.component';
 import { ModalViewContainerComponent } from '../Containers/modal-view-container/modal-view-container.component';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
-import { ThemeService } from '../../../_services/theme.service';
 
 /**
  * WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
@@ -59,13 +58,10 @@ export class RootContainerComponent implements OnInit, OnDestroy {
   constructor(
     private angularPConnect: AngularPConnectService,
     private psService: ProgressSpinnerService,
-    private ngZone: NgZone,
-    private themeService: ThemeService
+    private ngZone: NgZone
   ) {}
 
   ngOnInit(): void {
-    const themeClass = this.themeService.getDefaultTheme();
-    this.themeService.setTheme(themeClass);
     const { containers } = PCore.getStore().getState();
     const items = Object.keys(containers).filter(item => item.includes('root'));
 

projects/angular-test-app/src/app/app.component.ts

@@ -1,10 +1,18 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
+import { ThemeService } from 'packages/angular-sdk-components/src/lib/_services/theme.service';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
   imports: [RouterOutlet]
 })
-export class AppComponent {}
+export class AppComponent implements OnInit {
+  constructor(private themeService: ThemeService) {}
+
+  ngOnInit(): void {
+    const themeClass = this.themeService.getDefaultTheme();
+    this.themeService.setTheme(themeClass);
+  }
+}

projects/angular-test-app/src/styles.scss

@@ -4,6 +4,7 @@
 @import 'containerStyles';
 @import 'themes';
 
+html,
 body {
   height: 100%;
   background-color: var(--mat-sys-background);