How to make UWP cordova app icon background to match windows theme

1
votes

The title says it all.

All images in the platforms/windows/images folder are png files with transparent background, but when I build the app package it becomes gray. Like in the image below.

Is there a way to make my cordova UWP app have a dynamic background that matches the windows theme just like "skype" does.

enter image description here

Files in platforms/windows/images directory

SplashScreen.scale-100.png
SplashScreenPhone.scale-240.png
Square150x150Logo.scale-100.png
Square150x150Logo.scale-240.png
Square30x30Logo.scale-100.png
Square310x310Logo.scale-100.png
Square44x44Logo.scale-100.png
Square44x44Logo.scale-240.png
Square70x70Logo.scale-100.png
Square71x71Logo.scale-100.png
Square71x71Logo.scale-240.png
StoreLogo.scale-100.png
StoreLogo.scale-240.png
Wide310x150Logo.scale-100.png
Wide310x150Logo.scale-240.png

UPDATE:

After reading Dave Smits answer I realized that background color on start menu is defined in cordova generated .appxmanifest file. I edited it manually and changed the element uap:VisualElements attribute BackgroundColor to "transparent" and generated package had a background color of current theme as I asked.

Next step is to change that BackgroundColor property from cordova config.xml, because it will be deleted next time cordova decides to generate a new .appmanifest file

1
windowscordovauwp

1 Answers

3
votes

in your manifest you define a color too; make this transparent tooenter image description here

to do directly in cordava add this to your config.xml

<preference name="BackgroundColor" value="0xff0000ff"/>