fix: ensure that the CSS variables are correctly initialized

Author: json-derulo

projects/material-css-vars/src/lib/material-css-vars.module.ts

@@ -2,6 +2,7 @@ import {ModuleWithProviders, NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {MaterialCssVariablesConfig} from './model';
 import {MATERIAL_CSS_VARS_CFG} from '../mat-css-config-token.const';
+import {MaterialCssVarsService} from './material-css-vars.service';
 
 @NgModule({
   declarations: [],
@@ -16,4 +17,8 @@ export class MaterialCssVarsModule {
       providers: [{provide: MATERIAL_CSS_VARS_CFG, useValue: config}]
     };
   }
+
+  // This is necessary so the service is constructed, even if the service is never injected
+  constructor(private materialCssVarsService: MaterialCssVarsService) {
+  }
 }

projects/material-css-vars/src/lib/material-css-vars.service.ts

@@ -55,9 +55,7 @@ export class MaterialCssVarsService {
     };
     this.isAutoContrast = this.cfg.isAutoContrast;
 
-    if (this.cfg.isDarkTheme) {
-      this.setDarkTheme(this.cfg.isDarkTheme);
-    }
+    this.setDarkTheme(this.cfg.isDarkTheme ?? false);
     if (this.cfg.primary) {
       this.setPrimaryColor(this.cfg.primary);
     }