PWA Header Color Change Option

%3CLINGO-SUB%20id%3D%22lingo-sub-1416846%22%20slang%3D%22en-US%22%3EPWA%20Header%20Color%20Change%20Option%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1416846%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%20Edge%20Team!%20I%20love%20the%20PWA%20feature%20on%20the%20new%20Edge%2C%20and%20I%20have%20had%20no%20problems%20with%20it%20as%20of%20yet.%20It%20would%2C%20however%2C%20be%20great%20to%20be%20able%20to%20choose%20what%20color%20the%20header%20of%20the%20page%20is.%20On%20most%20sites%20the%20color%20of%20the%20header%20perfectly%20matches%20the%20site%20theme%2C%20but%20there%20are%20a%20couple%20sites%20that%20I%20use%20that%20have%20header%20colors%20that%20are%20not%20matched%20as%20well.%20One%20of%20them%20is%20Reddit%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Sam_Bradley_0-1590449113853.png%22%20style%3D%22width%3A%20724px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F194339i0A141ABF762DF731%2Fimage-dimensions%2F724x38%3Fv%3D1.0%22%20width%3D%22724%22%20height%3D%2238%22%20title%3D%22Sam_Bradley_0-1590449113853.png%22%20alt%3D%22Sam_Bradley_0-1590449113853.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EI%20understand%20that%20anyone%20that%20uses%20Reddit%20with%20light%20mode%20would%20have%20no%20problem%20with%20this%2C%20but%20I%20would%20much%20prefer%20to%20have%20the%20Reddit%20orange%2Fred%20color%20on%20the%20header.%20This%20specific%20header%20bothers%20me%20each%20time%20I%20open%20the%20PWA%2C%20and%20having%20the%20option%20to%20change%20it%20would%20be%20awesome.%20Thanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1417933%22%20slang%3D%22en-US%22%3ERe%3A%20PWA%20Header%20Color%20Change%20Option%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1417933%22%20slang%3D%22en-US%22%3ECompletely%20agree!%20It%20would%20be%20particularly%20amazing%20if%20the%20PWA%20header%20colour%20followed%20the%20sites'%20dark%2Flight%20themes!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1418203%22%20slang%3D%22en-US%22%3ERe%3A%20PWA%20Header%20Color%20Change%20Option%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1418203%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F360111%22%20target%3D%22_blank%22%3E%40Sam_Bradley%3C%2FA%3E%2C%26nbsp%3Bthanks%20for%20the%20great%20feedback.%20Currently%2C%20if%20the%20site%20has%20a%20manifest%20file%20at%20the%20root%20of%20the%20domain%2C%20we%20use%20any%20color%20specified%20there.%20Since%20Reddit%20does%20not%20have%20a%20manifest%2C%20we%20have%20to%20guess.%20The%20algorithm%20we%20use%20for%20that%20guess%20is%20to%20grab%20the%203rd%20most%20common%20color%20from%20the%20site's%20logo.%20I%20agree%20that%20sometimes%20that's%20just%20the%20wrong%20choice.%20Based%20on%20our%20sampling%20size%2C%20we%20get%20it%20%22right%22%20about%2080%25%20of%20the%20time%20using%20this%20technique.%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20really%20do%20like%20the%20idea%20of%20allowing%20the%20user%20to%20choose%20this%20color%20themselves%20(again%2C%20only%20if%20there%20is%20no%20manifest%20file%2C%20because%20we%20must%20honor%20the%20site%20developer).%20I'm%20going%20to%20put%20this%20onto%20our%20backlog.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E-John%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

Hello, Edge Team! I love the PWA feature on the new Edge, and I have had no problems with it as of yet. It would, however, be great to be able to choose what color the header of the page is. On most sites the color of the header perfectly matches the site theme, but there are a couple sites that I use that have header colors that are not matched as well. One of them is Reddit:

Sam_Bradley_0-1590449113853.png

I understand that anyone that uses Reddit with light mode would have no problem with this, but I would much prefer to have the Reddit orange/red color on the header. This specific header bothers me each time I open the PWA, and having the option to change it would be awesome. Thanks!

2 Replies
Highlighted
Completely agree! It would be particularly amazing if the PWA header colour followed the sites' dark/light themes!
Highlighted

@Sam_Bradley, thanks for the great feedback. Currently, if the site has a manifest file at the root of the domain, we use any color specified there. Since Reddit does not have a manifest, we have to guess. The algorithm we use for that guess is to grab the 3rd most common color from the site's logo. I agree that sometimes that's just the wrong choice. Based on our sampling size, we get it "right" about 80% of the time using this technique. 

 

I really do like the idea of allowing the user to choose this color themselves (again, only if there is no manifest file, because we must honor the site developer). I'm going to put this onto our backlog.

 

-John