How to change the inherited tab colour of a website?
-
How to change the inherited tab colour of a given website? For example, a given website is open, the tabs and the panel becomes say, red. I'd like to change that to light green, which is the logo colour of the given website. How do I do that, only for this website?
Thanks! -
Hello there,
Do you mean the UI? I will move your thread to where think it's place best. If no, @LonM knows or @Gwen-Dragon
-
@lamarca said in How to change the inherited tab colour of a website?:
Hello there,
Do you mean the UI? I will move your thread to where think it's place best. If no, @LonM knows or @Gwen-Dragon
The tab and the panel changes colour depending on the web site. Don't know, from what the colour gets inherited. I'd like to know, how to change that colour, if possible. Please redirect this question, where it need be. Thanks!
EDIT: The tab is white, the other tabs and the panel inherits a colour.
-
@chdsl I replied you and left the thread; forgot about tagging.
-
Topic moved.
-
@lamarca said in How to change the inherited tab colour of a website?:
@chdsl I replied you and left the thread; forgot about tagging.
OK, thanks.
@LonM, @Gwen-Dragon -
I don't know if there's an easy way to change the colouring just for a specific site. You can turn off colour all together, but that's not what you're asking.
If the site is green and the UI is picking a red colour, thats strange. Could you provide an example URL of this?
-
@chdsl I think the easiest way is to change tag <meta name="theme-color"> of the site to the color you want.
There are many ways to do this such as writing 1 userscript, 1 extension or 1 mod code for vivaldi
This is an example of vivaldi mod(function () { 'use strict'; function changeThemeColor(themeColor) { var metaThemeColor = document.querySelector('meta[name="theme-color"]'); if (!metaThemeColor) { metaThemeColor = document.createElement('meta'); metaThemeColor.name = 'theme-color'; document.head.appendChild(metaThemeColor); } metaThemeColor.setAttribute('content', themeColor); } chrome.tabs.onUpdated.addListener(function (tabId, info, tab) { if (info.status === 'complete' && tab.url.startsWith('https://www.google.com')) { chrome.tabs.executeScript(tabId, { code: '(' + changeThemeColor +')("#005500");' }); } }); })();
Replace
https://www.google.com
and#005500
with the site and color you wantEdit: An old code of mine written in userscript https://greasyfork.org/vi/scripts/382293-meta-theme-color/code
-
@tam710562
Thanks.
But, I have no idea, where to paste it. I cannot code, the problem cannot be solved, so we may as well leave it. Have a good day! -
Please vote for this request, maybe it'll be implemented once. You may be also interested in this article
-
Today, Vivaldi again found the correct colour from the web site. The site, I mentioned had green as the main favicon colour, but panel and other tabs showed some kind of red (this page's colour), but today Vivaldi showed the right colour, green. Rebooting the computer helped.
-
@raed Thank you! I'll try that.
-
How to mark this Resolved?
-