Navbar buttons color issues during splashscreen

[sampaxk]

I've add a custom splashscreen image to my app.
The problem is that when I launch the app, the splashscreen is shown with the system navbar at the bottom with a light background and dark buttons. Then, approximately after half a second, the navbar buttons turn to light color on light background.
It happens everytime the splashscreen is shown, so if I launch the splashscreen via JS Debugger, I've the same issue.
Why is this happening?

Here is the capacitor.config.json:
{
"appId": "io.ionic.starter",
"appName": "TestApp",
"bundledWebRuntime": false,
"npmClient": "npm",
"webDir": "www",
"plugins": {
"SplashScreen": {
"launchAutoHide": true,
"androidSplashResourceName": "splash"
}
},
"cordova": {},
"linuxAndroidStudioPath": "/opt/android-studio/bin/studio.sh"
}

Here is the package.json:
{
"name": "test",
"version": "0.0.2",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"docsify": "docsify serve docs",
"docs:json": "compodoc -p ./tsconfig.json -e json -d .",
"resources": "capacitor-resources -p android,ios && node ./scripts/resources.js",
"storybook": "npm run docs:json && start-storybook -p 6006",
"build-storybook": "npm run docs:json && build-storybook"
},
"private": true,
"dependencies": {
"@angular/animations": "~8.2.13",
"@angular/common": "~8.2.13",
"@angular/compiler": "~8.2.13",
"@angular/core": "~8.2.13",
"@angular/forms": "~8.2.13",
"@angular/platform-browser": "~8.2.13",
"@angular/platform-browser-dynamic": "~8.2.13",
"@angular/router": "~8.2.13",
"@capacitor/android": "^2.4.0",
"@capacitor/core": "2.4.0",
"@ionic-native/core": "^5.0.7",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^5.0.0",
"angular-svg-icon": "^8.0.0",
"onesignal-cordova-plugin": "^2.11.1",
"rxjs": "~6.5.1",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.803.17",
"@angular/cli": "~8.3.17",
"@angular/compiler-cli": "~8.2.13",
"@angular/language-service": "~8.2.13",
"@babel/core": "^7.11.6",
"@capacitor/cli": "2.4.0",
"@compodoc/compodoc": "^1.1.11",
"@ionic/angular-toolkit": "^2.1.1",
"@ionic/cli": "^6.11.1",
"@storybook/addon-actions": "^6.0.26",
"@storybook/addon-essentials": "^6.0.26",
"@storybook/addon-links": "^6.0.26",
"@storybook/angular": "^6.0.26",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"agora-rtc-sdk": "^3.2.1",
"babel-loader": "^8.1.0",
"codelyzer": "^5.0.0",
"docsify-cli": ">=4.4.1",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "~5.4.0",
"react-is": "^16.13.1",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.5.3"
},
"description": "An Ionic project"
}