SOLVED

Edge Mobile (Android) - theme-color

%3CLINGO-SUB%20id%3D%22lingo-sub-1504347%22%20slang%3D%22en-US%22%3EEdge%20Mobile%20(Android)%20-%20theme-color%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1504347%22%20slang%3D%22en-US%22%3E%3CP%3EThis%20is%20a%20feature%20suggestion%20-%20on%20Chrome%20and%20other%20browsers%20on%20Android%2C%20the%3CEM%3E%20theme-color%3C%2FEM%3E%20meta%20tag%20enables%20the%20top%20menu%2Fnav%20bar%20to%20match%20the%20website%20theme%20as%20specified%20in%20a%20hex%20value.%20In%20Edge%2C%20however%2C%20this%20functionality%20is%20not%20enabled.%20Enabling%20this%20would%20enhance%20the%20visuals%20of%20the%20browser%20for%20websites%20that%20use%20these%20tags.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EExample%20meta%20code%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%3CSPAN%20class%3D%22tag%22%3E%26lt%3Bmeta%20%2F%26gt%3B%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22atn%22%3Ename%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3D%3C%2FSPAN%3E%3CSPAN%20class%3D%22atv%22%3E%22theme-color%22%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22atn%22%3Econtent%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3D%3C%2FSPAN%3E%3CSPAN%20class%3D%22atv%22%3E%22%23000000%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22tag%22%3E%26gt%3B%3C%2FSPAN%3E%26nbsp%3B%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMore%20info%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdevelopers.google.com%2Fweb%2Ffundamentals%2Fdesign-and-ux%2Fbrowser-customization%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdevelopers.google.com%2Fweb%2Ffundamentals%2Fdesign-and-ux%2Fbrowser-customization%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1507400%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Mobile%20(Android)%20-%20theme-color%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1507400%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F343894%22%20target%3D%22_blank%22%3E%40lexcyn%3C%2FA%3E%26nbsp%3Bthank%20you%20for%20that%20feedback%2C%20I%20appreciate%20it.%20My%20team%20was%20actually%20just%20looking%20at%20this%20meta%20tag%20for%20desktop%20Edge%20working%20to%20figure%20out%20exactly%20how%20much%20support%20it%20has%20on%20desktop%20and%20in%20Chrome.%20I%20will%20make%20sure%20to%20log%20a%20bug%20against%20Android%20Edge.%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-1507475%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Mobile%20(Android)%20-%20theme-color%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1507475%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%3Bcool%2C%20thanks!%20I'm%20not%20sure%20there%20is%20any%20desktop%20support%20for%20this%20tag%20so%20it%20would%20be%20interesting%20to%20experiment%20with%2C%20especially%20if%20you%20could%20use%20it%20with%20Acrylic%20effects.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

This is a feature suggestion - on Chrome and other browsers on Android, the theme-color meta tag enables the top menu/nav bar to match the website theme as specified in a hex value. In Edge, however, this functionality is not enabled. Enabling this would enhance the visuals of the browser for websites that use these tags.

 

Example meta code:

 

<meta name="theme-color" content="#000000"> 

 

More info:

https://developers.google.com/web/fundamentals/design-and-ux/browser-customization

2 Replies
Highlighted
Best Response confirmed by lexcyn (Contributor)
Solution

@lexcyn thank you for that feedback, I appreciate it. My team was actually just looking at this meta tag for desktop Edge working to figure out exactly how much support it has on desktop and in Chrome. I will make sure to log a bug against Android Edge.

 

-John

Highlighted

@johnjansen cool, thanks! I'm not sure there is any desktop support for this tag so it would be interesting to experiment with, especially if you could use it with Acrylic effects.