css - Ionic Android มักจะแสดงข้อผิดพลาดโหมดมืด

ฉันกำลังสร้างแอปขนาดเล็กมาก ๆ พร้อมเมนู ชิปบางรายการ และแถบค้นหา แต่ปัญหาคือฉันบังคับใช้ธีม MD ในทุกแอปตามที่คุณเห็นที่นี่:

@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 { }

แต่ในแอนดรอยด์มันยังคงแสดงแบบนี้แม้ว่าแอนดรอยด์จะเป็นโหมดสว่าง:

สกรีนช็อต Android (คลิกฉัน)

มีใครรู้ไหมว่าทำไมมันถึงแสดงผลเป็นโหมดมืดอยู่เสมอ และจะแก้ไขอย่างไร? ฉันต้องการให้มือถือสลับจากโหมดมืดเป็นโหมดสว่างเมื่อระบบอยู่ในโหมดนั้น ไม่ใช่แค่โหมดมืดเท่านั้น

คำตอบ #1

1. เปิด index.html ในโฟลเดอร์ src ที่อยู่ในโฟลเดอร์หลักของโปรเจกต์ของคุณ
2. ค้นหาโดยใช้ "light dark" และลบ "dark" ออกจากบรรทัด
3. เปิดไฟล์ themes/variables.scss และค้นหา dark.
4. ลบบล็อกที่มี "Dark"
5. รีสตาร์ทแอปแล้วหาความแตกต่าง