Color a Single Tab (or Tab Group)
-
@DavidBevi
Said:I rarely used tab stacks…..
Bad thing. Tab stacks are "natural" separators.
Which of the two images below the tabs look neater and it is easier to find a specific tab?
-
@barbudo2005 Right now tab stacks don't solve a problem of mine (I work with ~10 tabs). When I had too much tabs there were no tab stacks, so I used different windows to keep tabs grouped. It worked very well with Windows taskbar set to the top of the screen:
It uses less screen space than 2-levels-tab-stacking, but I remember being annoyed by not having each group/window show the favicon in Windows taskbar (but you can upvote the feature request
). -
@RadekPilich I've edited @aminought's code to only color the separators:
Also, my separator now stores Title and Color in the URL, so you can bookmark multiple separator configurations: https://davidbevi.github.io/separator/
INSTALLATION
- Put chroma.min.js and color_tabs_bb.js into
<YOURVIVALDIDIRECTORY>\Application\<VERSION>\resources\vivaldi. - Add lines into
<body>ofwindow.html:
<script src="chroma.min.js"></script> <script src="color_tabs_bb.js"></script>- Restart Vivaldi.
- Put chroma.min.js and color_tabs_bb.js into
-
Just adding the obvious in case it wasn't mentioned, that coloring a tab stack should affect the look of it in the Window Panel as well, because you really can't distinguish anything there in its current form for so many years already.
to be like
In fact there should be an additional option for the colored Settings icons to be applied there too.
P.S. wrote an extra request for it to not be forgotten:
-
I'm sorry to interrupt coding meetup, but is there any solution or official response from Vivaldi team?
Google Chrome has it done nicely in minimalistic and readable style. While Vivaldi community is asking for this since 2017 in tons of threads and every has hundreds of upvotes.
#edit
@pafflick said in Color a Single Tab (or Tab Group):Update: although the internal report pointing to this topic was resolved as "Will not do" (and consequently marked here us as such by the moderator), we haven't ultimately decided not to find a solution for this. In order to clarify the situation, I have changed the status to "Nice to have", as it's a fairly popular request. Once we decide we want to actually implement it, we will change its status to "Pipeline".
Looks like I found answer from year ago ... not cool
-
Need Vivaldi to adopt Chrome's coloring or Chrome to adopt Vivaldi's tiling. 1st with both will have my web browsing allegiance ... for at least a week xD
-
@Devan23 Vivaldi needs to do something about it. One user more for a guaranteed 7 whole days should be reason enough to invest serious developer time. And there is always the looming threat that Chrome could react first and steal you away.
-
@luetage Unfortunately G.Chrome doesn't care about any browser user, for we are but "product" for their advertisers. It will take a few millions of angry Devan23 throwing tantrum all over the internet for an entire week to pique G.Chrome interest... LOL
-
@barbudo2005 I'm sorry but your examples look like internet explorer in 2008. The feature most of us are looking for looks simmilarily to Edge - colorized and expandable categorization of tabs.
Tab stacks fix only a part of the problem, and they do it incorrectly. Even when you name the tab stack, the name disappears from UI the moment you activate it. See example below and compare how quicker you can find a specific categorized tab, I tried to recreate window contents a little bit
Quick sample, but when you start to have >50 tabs it quickly gets messy. Tab stacks need to be modernized, as when previously Vivaldi was a pionieer in looks and features, it is slowly getting obsolete with lack of needed features and focus on callendar or mail which little no noone asks for.
-
Said:
I'm sorry but your examples look like internet explorer in 2008.
There is no accounting for taste.
"For tastes, colors" (16.000.000)
The important thing is that you show your CSS code to achieve the design that satisfies you, and that all users benefit from it.
In other words, FEWER words, MORE CSS code.
-
@barbudo2005 Just to be clear, I am in no way offending you trying to solve this issue on your own, but I think it should be done by the developers, who have access to much more tools. From what I understood from earlier posts, you present it as a fix, where it is merely a plaster.
With CSS, I would not be able to solve most, if not all of the flaws that this system has. Colorizing tabs imo needs more than simply applying color to the tab and calling it a day.
-
Said:
Just to be clear, I am in no way offending you…..
I can hardly be offended by someone who does not know and understand how things work. Final point.
-
@DavidBevi @barbudo2005
Does the title-based coloring of tabs still work for you?
It somehow stopped working for me.I've tried David's "separator" package and that doesn't work either.
Win 10 with latest Vivaldi snapshot, OnePlus 9 Pro Android 14 with latest regular Vivaldi update.
-
(@Future-me: just enable Accent from Page, the mods are already installed, you just need to turn them on!)
@RadekPilich I stopped using these mods very shortly after making them, but...
I just did a test with my separator page, as soon as I edit the title-text (not favicon-color) the favicon-color is applied. I don't think it was like this, I think the color was applied when the favicon changed. Therefore I think some update changed things and broke my script, at least in part.
I also don't know if it's the same for you, and if this suffices. If you want me to test things you'll have to be kind and give me more info about what worked, what broke, what you want. Cheers and good luck!
-
-
@barbudo2005 are you saying that it is no longer possible to use tab title as a condition for tab background coloring?
-
It is possible as long as you do NOT change the original title of the tab.
-
I still use this javascript bookmark to "tag" a tab with icons / symbols.
What is holding the Vivaldi devs back to get something implemented like this natively? o) Thanks for all the work nonetheless, Vivaldi is king! o)
--
This bookmark renders a small section in the top of the webpage you can click to mark the tab, it's not coloring the tab though, but as an emergency solution, this works most of the time. You can do this multiple times to boost your tab mark (add more symbols).
javascript:(function(){var d=document,b=d.querySelector("body"),o=b.insertAdjacentHTML('beforeend','<div id="mambo" style="z-index:9999;position:fixed;top:0px;left: ;padding:10px;background:#333;text-align:center"></div>'),m=d.querySelector('#mambo');["█","✔","❌","❤","⭐","🚩","⭕"].forEach(e=>m.insertAdjacentHTML('beforeend','<a style="font-size:20px;color:#eee;cursor:default" onclick="a$_(this)">'+e+' </<a>'));a$_=function(e){d.title=e.innerText+" "+(d.title || location.href); e.parentElement.outerHTML="";}}());To unmark I use this bookmark:
javascript:{document.title = document.title.replace(/(.*? ){1}/,"");}; void(0); -
New update, new tab shapes. But still no color grouping like in any other browser on the market.
It must be tremendously hard and unachievable for Vivaldi team. Hard to believe ... -
I upvoted this, but just to add that the tab stack renaming feature helped a lot for me
* 
