Rename var and minor refactoring

apps/client/src/app/app.component.ts

@@ -101,12 +101,12 @@ export class AppComponent implements OnDestroy, OnInit {
   }
 
   private initializeTheme(userPreferredAppearance: Appearance = 'AUTO') {
-    const setDarkTheme =
+    const isDarkTheme =
       userPreferredAppearance === 'DARK' ||
       (userPreferredAppearance === 'AUTO' &&
         window.matchMedia('(prefers-color-scheme: dark)').matches);
 
-    this.materialCssVarsService.setDarkTheme(setDarkTheme);
+    this.materialCssVarsService.setDarkTheme(isDarkTheme);
 
     window.matchMedia('(prefers-color-scheme: dark)').addListener((event) => {
       this.materialCssVarsService.setDarkTheme(event.matches);

libs/common/src/lib/interfaces/user-settings.interface.ts

@@ -1,6 +1,7 @@
 import { DateRange, ViewMode, Appearance } from '@ghostfolio/common/types';
 
 export interface UserSettings {
+  appearance?: Appearance;
   baseCurrency?: string;
   benchmark?: string;
   dateRange?: DateRange;
@@ -10,5 +11,4 @@ export interface UserSettings {
   language?: string;
   locale?: string;
   viewMode?: ViewMode;
-  appearance?: Appearance;
 }