Home

Feature Request: Change tab color according to web site

%3CLINGO-SUB%20id%3D%22lingo-sub-643918%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-643918%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F347835%22%20target%3D%22_blank%22%3E%40Richard950%3C%2FA%3E%26nbsp%3BI'd%20have%20to%20disagree%20that%20this%20should%20be%20a%20feature%20and%20instead%20should%20be%20an%20extension.%26nbsp%3B%20Basically%20an%20enhanced%20version%20of%20Tab%20Colorizer%20for%20Chrome.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-644144%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-644144%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F316331%22%20target%3D%22_blank%22%3E%40renke-pkey%3C%2FA%3E%26nbsp%3B%26nbsp%3BWhy%3F%20The%20activation%20would%20be%20optional%2C%20not%20permanent.%20Having%20two%20options%3A%20Use%20standard%20color%20(light%2Fdark)%20or%20dynamic%2C%20just%20like%20Vivaldi%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-644900%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-644900%22%20slang%3D%22en-US%22%3E%3CP%3EThis%20is%20not%20a%20customization%20that%20I%20would%20use.%26nbsp%3B%20Such%20an%20option%20would%20be%20fine%20as%20long%20as%20there%20is%20still%20an%20option%20to%20not%20color%20tabs.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-644923%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-644923%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F321095%22%20target%3D%22_blank%22%3E%40bhenshaw%3C%2FA%3E%26nbsp%3B%26nbsp%3BOf%20course%2C%20with%202%20options%3A%20use%20standard%20color%20(light%20%2F%20dark)%20or%20dynamic%20color%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-644940%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-644940%22%20slang%3D%22en-US%22%3EThank%20you%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F347835%22%20target%3D%22_blank%22%3E%40Richard950%3C%2FA%3E%20for%20the%20suggestion.%20I%20will%20make%20sure%20our%20theme%20team%20(hey%20that%20rhymes)%20see%20this%20feedback.%20For%20the%20sake%20of%20argument%2C%20were%20there%20an%20extension%20in%20the%20store%20that%20did%20this%2C%20would%20that%20work%20for%20you%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-644942%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-644942%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F347835%22%20target%3D%22_blank%22%3E%40Richard950%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20think%20I%20was%20just%20confused.%26nbsp%3B%20I%20thought%20there%20should%20be%20three%20options%2C%26nbsp%3B%3CSPAN%3Euse%20standard%20color%20(light%20%2F%20dark)%2C%20use%20dynamic%20color%2C%20or%20do%20not%20color.%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-644959%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-644959%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F321095%22%20target%3D%22_blank%22%3E%40bhenshaw%3C%2FA%3E%26nbsp%3B%26nbsp%3BOnly%20two%2C%20with%20the%20%3CSTRONG%3Estandard%20option%3C%2FSTRONG%3E%20would%20always%20be%20%3CSTRONG%3Ewhite%3C%2FSTRONG%3E%20in%20light%20mode%20or%20%3CSTRONG%3Eblack%3C%2FSTRONG%3E%20in%20dark%20mode%20obviously%2C%20the%20usual.%3CBR%20%2F%3EAnd%20with%20the%20%3CSTRONG%3Edynamic%20mode%3C%2FSTRONG%3E%20Exchange%20according%20to%20the%20accent%20color%20of%20the%20website%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-644970%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-644970%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F239638%22%20target%3D%22_blank%22%3E%40Elliot%20Kirk%3C%2FA%3E%26nbsp%3BI%20know%20extensions%20to%20change%20color%20tabs%2C%20but%20if%20I'm%20not%20mistaken%2C%20there%20is%20not%20one%20to%20change%20according%20to%20the%20color%20of%20a%20website.%20I%20edited%20the%20description%20to%20better%20clarify%20the%20options%20that%20would%20have%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-642644%22%20slang%3D%22en-US%22%3EFeature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-642644%22%20slang%3D%22en-US%22%3E%3CP%3EI%20think%20the%20personalization%20is%20very%20important%20too%2C%20and%20this%20feature%20could%20be%20great.%3C%2FP%3E%3CH3%20id%3D%22toc-hId-1566343811%22%20id%3D%22toc-hId-1566343811%22%20id%3D%22toc-hId-1566343811%22%3E%3CEM%3E%3CSTRONG%3EEdit%3A%3C%2FSTRONG%3E%20Would%20%3CSTRONG%3ENO%3C%2FSTRONG%3ET%20be%20%3CSTRONG%3EPermanent%3C%2FSTRONG%3E%2C%20you%20would%20have%20the%20option%20to%20use%3A%3C%2FEM%3E%3C%2FH3%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CH3%20id%3D%22toc-hId--985813150%22%20id%3D%22toc-hId--985813150%22%20id%3D%22toc-hId--985813150%22%3E%3CSTRONG%3E1%20-%3C%2FSTRONG%3E%20%3CSTRONG%3EStandard%20color%3C%2FSTRONG%3E%26nbsp%3B(%3CSTRONG%3EWhite%3C%2FSTRONG%3E%20in%20light%20mode%2C%20%3CSTRONG%3Eblack%3C%2FSTRONG%3E%20in%20dark%20mode%20obviously%2C%20the%20usual)%3C%2FH3%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CH3%20id%3D%22toc-hId-756997185%22%20id%3D%22toc-hId-756997185%22%20id%3D%22toc-hId-756997185%22%3E%3CSTRONG%3E2%20-%3C%2FSTRONG%3E%20%3CSTRONG%3EDynamic%20color%3A%3C%2FSTRONG%3E%3C%2FH3%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%3CSTRONG%3E1-%3C%2FSTRONG%3E%20Take%20color%20from%20the%20%3CSTRONG%3EFavicon%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%3CSTRONG%3E2-%3C%2FSTRONG%3E%20Take%20color%20from%20the%20%3CSTRONG%3Epage%20header%20background%3C%2FSTRONG%3E%20or%20%3CSTRONG%3Eaccent%20color%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20600px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F115967iD4D199B8A0FC8D27%2Fimage-dimensions%2F600x289%3Fv%3D1.0%22%20width%3D%22600%22%20height%3D%22289%22%20alt%3D%22options.png%22%20title%3D%22options.png%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EConcept%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E------------------------------------------------------------------------------%3C%2FSTRONG%3E%3C%2FP%3E%3CH2%20id%3D%22toc-hId--1598646271%22%20id%3D%22toc-hId--1598646271%22%20id%3D%22toc-hId--1598646271%22%3E%3CSTRONG%3EFrom%20favicon%3A%3C%2FSTRONG%3E%3C%2FH2%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20337px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F115883i5EC7667CF1B29E12%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Captura%20de%20pantalla%20(5).png%22%20title%3D%22Captura%20de%20pantalla%20(5).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CH2%20id%3D%22toc-hId-144164064%22%20id%3D%22toc-hId-144164064%22%20id%3D%22toc-hId-144164064%22%3E%3CSTRONG%3EFrom%20page%20header%26nbsp%3Bbackground%26nbsp%3Bor%20accent%20color%3A%3C%2FSTRONG%3E%3C%2FH2%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20359px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F115884i1B746F74AE4369F1%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Captura%20de%20pantalla%20(4).png%22%20title%3D%22Captura%20de%20pantalla%20(4).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E--------------------------------------------------------------------%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20373px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F115882iC2CC0536AD8179CD%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Captura%20de%20pantalla%20(1).png%22%20title%3D%22Captura%20de%20pantalla%20(1).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBrowser%20used%20in%20screenshots%3A%20%3CSTRONG%3EVivaldi%3C%2FSTRONG%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1138956%22%20slang%3D%22en-US%22%3ERe%3A%20Feature%20Request%3A%20Change%20tab%20color%20according%20to%20web%20site%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1138956%22%20slang%3D%22en-US%22%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3BI%20would%20like%20to%20see%20the%20actual%20top%20of%20the%20tab%2C%20not%20the%20whole%20tab%20or%20the%20tab%20background%2C%20change%20according%20to%20the%20URL%20or%20at%20least%20all%20be%20colored%20to%20more%20easily%20distinguish%20one%20from%20the%20other.%26nbsp%3B%20This%20is%20helpful%20when%20zillions%20of%20tabs%20are%20open%20and%20for%20people%20who%20can't%20read%20the%20text%20on%20the%20tabs%20so%20well%20or%20because%20they%20are%20too%20narrow.%20That%20could%20be%20solved%20with%20something%20like%20Tab%20Mix%20Plus%20and%20using%20tab%20rows%2C%20but%20that%20goes%20in%20another%20thread.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3BFirefox%20used%20to%20have%20this%20feature%20via%20the%20Colorful%20Tabs%20extension%20and%20it%20was%20the%20best%20thing%20about%20Firefox.%20But%20the%20new%20Firefox%20broke%20it%20along%20with%20everything%20else%20I%20really%20liked%20in%20a%20browser.%26nbsp%3B%20It%20looked%20like%20this%20in%20action%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F168001i35A7B6A0EAC95C01%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3BThe%20creator%20had%20worked%20some%20on%20a%20Chrome%20version%2C%20but%20she%20didn't%20get%20very%20far%20with%20it%20or%20it%20is%20broken.%26nbsp%3B%20The%20discussions%20and%20related%20info%20are%20available%20here%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.addongenie.com%2Fcolorfultabs%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.addongenie.com%2Fcolorfultabs%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3BYou%20could%20choose%20whether%20the%20tab%20colors%20were%20different%20for%20differing%20domains%20or%20choose%20between%20four%20color%20schemes%20that%20would%20be%20used%20to%20color%20the%20tabs.%26nbsp%3B%20This%20was%20permanent%20and%20didn't%20change%20from%20browser%20close%20to%20browser%20open.%26nbsp%3B%20You%20would%20eventually%20know%20domains%20by%20color.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3BI%20agree%20with%20many%20that%20this%20Edge%20is%20not%20ready%20for%20prime%20time%20yet%2C%20but%20I%20would%20switch%20to%20it%20in%20a%20hot%20second%20if%20it%20had%20this%20feature.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERegards%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EJan%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

I think the personalization is very important too, and this feature could be great.

Edit: Would NOT be Permanent, you would have the option to use:

 

1 - Standard color (White in light mode, black in dark mode obviously, the usual)

 

2 - Dynamic color:

                     1- Take color from the Favicon

                     2- Take color from the page header background or accent color

 

 

ConceptConcept

 

------------------------------------------------------------------------------

From favicon:

Captura de pantalla (5).png

 

From page header background or accent color:

Captura de pantalla (4).png

 

--------------------------------------------------------------------

 

Captura de pantalla (1).png

 

Browser used in screenshots: Vivaldi

9 Replies
Highlighted

@Richard950 I'd have to disagree that this should be a feature and instead should be an extension.  Basically an enhanced version of Tab Colorizer for Chrome.

 

Highlighted

@renke-pkey  Why? The activation would be optional, not permanent. Having two options: Use standard color (light/dark) or dynamic, just like Vivaldi

Highlighted

This is not a customization that I would use.  Such an option would be fine as long as there is still an option to not color tabs.

Highlighted

@Deleted  Of course, with 2 options: use standard color (light / dark) or dynamic color

Highlighted
Thank you @Richard950 for the suggestion. I will make sure our theme team (hey that rhymes) see this feedback. For the sake of argument, were there an extension in the store that did this, would that work for you?
Highlighted

@Richard950 

 

I think I was just confused.  I thought there should be three options, use standard color (light / dark), use dynamic color, or do not color.

Highlighted

@Deleted  Only two, with the standard option would always be white in light mode or black in dark mode obviously, the usual.
And with the dynamic mode Exchange according to the accent color of the website

Highlighted

@Elliot Kirk I know extensions to change color tabs, but if I'm not mistaken, there is not one to change according to the color of a website. I edited the description to better clarify the options that would have

Highlighted

     I would like to see the actual top of the tab, not the whole tab or the tab background, change according to the URL or at least all be colored to more easily distinguish one from the other.  This is helpful when zillions of tabs are open and for people who can't read the text on the tabs so well or because they are too narrow. That could be solved with something like Tab Mix Plus and using tab rows, but that goes in another thread.

 

     Firefox used to have this feature via the Colorful Tabs extension and it was the best thing about Firefox. But the new Firefox broke it along with everything else I really liked in a browser.  It looked like this in action:

clipboard_image_0.png

     The creator had worked some on a Chrome version, but she didn't get very far with it or it is broken.  The discussions and related info are available here:

https://www.addongenie.com/colorfultabs 

 

     You could choose whether the tab colors were different for differing domains or choose between four color schemes that would be used to color the tabs.  This was permanent and didn't change from browser close to browser open.  You would eventually know domains by color.

 

     I agree with many that this Edge is not ready for prime time yet, but I would switch to it in a hot second if it had this feature.

 

Regards,

 

Jan