ionic 5 forcing light theme for the browser app

ionic-framework ionic5
Moblize IT picture Moblize IT · Mar 22, 2020 · Viewed 12k times · Source

i have built this app https://cvirus.app and build and deployed on browser.

on chrome browser on android phones it renders dark background (as dark theme is being applied by default it seems).

I want to force light theme everywhere no matter what device what browser. how do I do that?

commenting dark colors portins in theme/variables.scss did not work

Answer

erdemgunenc picture erdemgunenc · Apr 19, 2020

you should comment ios body and md body classes at the theme/variables.scss then it will become light mode. enter image description here

Related questions

AAPT: error: attribute android:requestLegacyExternalStorage not found

collection error in AndroidManifest.xml AAPT: error: attribute android:requestLegacyExternalStorage not found. Although the attribute is there but it writes an error My AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/…

Read More
ANDROID_SDK_ROOT=undefined (recommended setting) while building ionic app using Cordova for Android device

I am trying to build ionic app for Android device with Cordova using below command from VSCode. ionic cordova build android --prod --release But getting error Checking Java JDK and Android SDK versions ANDROID_SDK_ROOT=undefined (recommended setting) ANDROID_…

Read More
How to fix member Event from @ionic/angular error in Ionic 5

I have upgraded from Ionic 4 to Ionic 5, now getting following error: ERROR in src/app/app.component.ts(4,10): error TS2305: Module '"/node_modules/@ionic/angular/ionic-angular"' has no exported member 'Events'. Following import line is causing the issue: …

Read More