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...:)

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
46 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
30 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies