I'm currently working on a small app that includes a menu, some chips, and a search bar. The issue I'm facing is that I've applied the MD theme to the entire app like this:
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
BrowserModule,
IonicModule.forRoot(
{
mode: 'md'
}
),
AppRoutingModule,
HttpClientModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps: [HttpClient]
}
})
],
providers: [
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
],
bootstrap: [AppComponent],
})
export class AppModule { }
However, when I view it on an Android device in Light Mode, it still appears with a dark background like this:
Does anyone have insight into why it's consistently displaying in dark mode and how I can resolve this? I'd like the app to switch from dark to light mode based on the system setting rather than staying in dark mode all the time.