feat: add persistent theme selection and light mode court styling

src/app/tab3/tab3.page.ts

@@ -23,6 +23,7 @@ import { WaitingServiceJudgesService } from '../services/waiting-service-judges.
 import { TranslationService } from '../i18n/translation.service';
 import { Language } from '../i18n/translations';
 import { TranslatePipe } from '../i18n/translation.pipe';
+import { ThemePreference, ThemeService } from '../services/theme.service';
 
 @Component({
   selector: 'app-tab3',
@@ -53,6 +54,8 @@ export class Tab3Page {
   readonly waitingServiceJudgeService = inject(WaitingServiceJudgesService);
   readonly translationService = inject(TranslationService);
 
+  readonly themeService = inject(ThemeService);
+
   readonly settings = this.settingsService.settings;
 
   async updateNumberOfCourts(event: CustomEvent): Promise<void> {
@@ -101,6 +104,10 @@ export class Tab3Page {
     });
   }
 
+  updateTheme(event: CustomEvent<{ value: ThemePreference }>): void {
+    this.themeService.setTheme(event.detail.value);
+  }
+
   updateLanguage(event: CustomEvent): void {
     this.translationService.setLanguage(event.detail.value as Language);
   }