SOLVED
Home

A bit theme discrepancy while using PWAs in Edge

%3CLINGO-SUB%20id%3D%22lingo-sub-740728%22%20slang%3D%22en-US%22%3EA%20bit%20theme%20discrepancy%20while%20using%20PWAs%20in%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-740728%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20there%2C%3C%2FP%3E%3CP%3EI%20have%20a%20site%20installed%20as%20an%20app%2C%20since%20it%20is%20a%20PWA.%20I%20opened%20the%20same%20site%20in%20a%20tab%2C%20and%20when%20I%20see%20an%20option%20to%20open%20the%20link%20in%20the%20app%2C%20the%20whole%20strip%20is%20shown%20in%20white%20in%20Dark%20Mode%2C%20hiding%20the%20app's%20name.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20372px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F122414iAFE6ECBD69E93E26%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22image.png%22%20title%3D%22image.png%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3ESnip%20depicting%20the%20problem.%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EThanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-743048%22%20slang%3D%22en-US%22%3ERe%3A%20A%20bit%20theme%20discrepancy%20while%20using%20PWAs%20in%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-743048%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F96222%22%20target%3D%22_blank%22%3E%40Rohit%20Yadav%3C%2FA%3E%26nbsp%3BThanks%20for%20the%20feedback!%20I%20really%20appreciate%20you%20looking%20at%20PWAs%20in%20Edge.%20I've%20seen%20this%20issue%20as%20well%20and%20logged%20it%20internally%20for%20us%20to%20investigate.%20I%20think%20it's%20probably%20just%20some%20CSS%20that%20didn't%20get%20updated%20when%20we%20implemented%20the%20dark%20theme...%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E-John%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-743296%22%20slang%3D%22en-US%22%3ERe%3A%20A%20bit%20theme%20discrepancy%20while%20using%20PWAs%20in%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-743296%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318459%22%20target%3D%22_blank%22%3E%40johnjansen%3C%2FA%3E%26nbsp%3Byea%2C%20exactly.%20Thanks%20for%20the%20reply!%3C%2FP%3E%3C%2FLINGO-BODY%3E
Frequent Contributor

Hi there,

I have a site installed as an app, since it is a PWA. I opened the same site in a tab, and when I see an option to open the link in the app, the whole strip is shown in white in Dark Mode, hiding the app's name. 

image.pngSnip depicting the problem.

Thanks!

3 Replies
Solution

@Rohit Yadav Thanks for the feedback! I really appreciate you looking at PWAs in Edge. I've seen this issue as well and logged it internally for us to investigate. I think it's probably just some CSS that didn't get updated when we implemented the dark theme...

 

-John

@johnjansen yea, exactly. Thanks for the reply!

@johnjansen One thing I would like to ask more here, how is the team implementing the color background on the Title bar for sites installed as apps or PWAs installed...?

Is there some sort of algorithm which sets the title bar color by the site's bg, or on a random basis? I've currently noticed it as adhering to the background for most of the installed sites. 

And will you allow the theming options applying to taskbar provided by the site itself? Example: if you open the streaming site hotstar.com on your PC, the title bar first appears in the color theme provided by the site in a sort of greenish color. But later on the bar color changed to white, taking the site's background there. this theming is also shown on Chrome mobile if you have it, I just tested it. Not sure about Chrome on Desktop though.

 

A word on the same would very helpful...:)