feat(app): set dark theme as the default one

Author: Ismaestro

src/app/core/services/theme-manager.service.ts

@@ -45,17 +45,14 @@ export class ThemeManagerService {
     this.setThemeBodyClasses(theme === Theme.AUTO ? preferredScheme() : theme);
   }
 
-  // 1. Read theme preferences stored in localStorage
-  // 2. In case when there are no stored user preferences, then read them from device preferences.
   private loadThemePreference(): void {
     const savedUserPreference = this.getThemeFromLocalStorageValue(),
-      useTheme = savedUserPreference ?? Theme.AUTO;
+      useTheme = savedUserPreference ?? Theme.DARK;
 
     this.theme.set(useTheme);
     this.setThemeBodyClasses(useTheme === Theme.AUTO ? preferredScheme() : useTheme);
   }
 
-  // Set theme classes on the body element
   private setThemeBodyClasses(theme: Theme.DARK | Theme.LIGHT): void {
     const documentClassList = this.document.documentElement.classList;
     if (theme === Theme.DARK) {

src/index.html

@@ -11,7 +11,7 @@
       const LIGHT_THEME_CLASS_NAME = 'theme-light--mode';
       const PREFERS_COLOR_SCHEME_DARK = '(prefers-color-scheme: dark)';
 
-      const theme = localStorage.getItem(THEME_PREFERENCE_LOCAL_STORAGE_KEY) ?? 'auto';
+      const theme = localStorage.getItem(THEME_PREFERENCE_LOCAL_STORAGE_KEY) ?? 'dark';
       const prefersDark = window.matchMedia && window.matchMedia(PREFERS_COLOR_SCHEME_DARK).matches;
       const documentClassList = this.document.documentElement.classList;