Use system theme by default

Signed-off-by: Milan Klanjsek <mklanjsek@pivotal.io>
vmware-archive · Oct 26, 2020 · ab1a086 · ab1a086
1 parent e0cdf04
commit ab1a086
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/web/src/app/modules/shared/services/theme/theme.service.ts b/web/src/app/modules/shared/services/theme/theme.service.ts
@@ -34,7 +34,10 @@ export const lightTheme: Theme = {
   assetPath: 'assets/css/clr-ui.min.css',
 };
 
-export const defaultTheme = lightTheme;
+export const defaultTheme = window.matchMedia('(prefers-color-scheme:dark)')
+  .matches
+  ? darkTheme
+  : lightTheme;
 
 @Injectable({
   providedIn: 'root',
@@ -53,6 +56,7 @@ export class ThemeService implements OnDestroy {
 
     const themeType = localStorage.getItem('theme') as ThemeType;
     this.themeType = themeType || defaultTheme.type;
+
     this.renderer = rendererFactory.createRenderer(null, null);
 
     this.storageEventHandler = (e: StorageEvent): void => {