Solved New tab positions and colors

mudshark

New to Vivaldi and answers that need code tweaked may not be understood by me. (I can learn if I should!)

There are two places where I would want new tabs to appear:

to the right of the active tab if I open the new tab from that page, BUT
if I open a fresh new tab from the "+" sign I'd like the new tab all the way to the right. Possible?

Also, as I have low vision, seeing where one tab ends and another begins is impossible even after trying several themes.
I have the active tab a plainly different color but all the rest bleed into each other.
Is there a way to force a wide (background color?) space between tabs? Or maybe some way to make them all different colors?

Thanks, all
Rich

nomadic

@mudshark

to the right of the active tab if I open the new tab from that page, BUT
if I open a fresh new tab from the "+" sign I'd like the new tab all the way to the right. Possible?

Under vivaldi://settings/tabs/ there is a section called New Tab Position. I believe you want to select the option After Related Tabs.

Is there a way to force a wide (background color?) space between tabs? Or maybe some way to make them all different colors?

You could use some custom CSS to modify the browser to make the tabs easier to distinguish from one another. Instructions for adding a CSS mod can be found here: https://forum.vivaldi.net/topic/10549/modding-vivaldi#:~:text=Adding Style,them in effect

This CSS alternates the colors of the background tabs (excluding the active tab). I used red and blue as an example, but you can change the colors to something more pleasing or easy to see.

Image showing red and blue background tabs with a yellow active tab.

#browser span:nth-child(odd) .tab-position .tab:not(.active) {
  background-color: red !important;
}
#browser span:nth-child(even) .tab-position .tab:not(.active) {
  background-color: blue !important;
}

mudshark

@nomadic said in New tab positions and colors:

@mudshark

to the right of the active tab if I open the new tab from that page, BUT
if I open a fresh new tab from the "+" sign I'd like the new tab all the way to the right. Possible?

Under vivaldi://settings/tabs/ there is a section called New Tab Position. I believe you want to select the option After Related Tabs.

Thanks for reaching back.
I do already have new tabs opening to the right of the active tab when I click to "Open in new tab" HOWEVER I was also hoping for a way to open a "fresh" new tab all the way to the right of all the other tabs, right next to the "+" sign, if you click the "+" sign for an empty new tab.

And, thanks again, the CSS method worked well for making the tabs all easy to tell one from the other.

barbudo2005

@mudshark

You might be interested in this post:

"Automatic color for Active tabs & Active tab stacks using favicon."

https://forum.vivaldi.net/topic/76205/automatic-color-for-active-tabs-active-tab-stacks-using-favicon?_=1654620418289

nomadic

@mudshark said in New tab positions and colors:

I do already have new tabs opening to the right of the active tab when I click to "Open in new tab" HOWEVER I was also hoping for a way to open a "fresh" new tab all the way to the right of all the other tabs, right next to the "+" sign, if you click the "+" sign for an empty new tab.

Are you using "After Related Tabs"? What you described appears to be what I see when I use that setting.

mudshark

@nomadic
Update:
The path to the CSS file that needs alteration is at

C:\Users\userID\AppData\Local\Vivaldi\Application\version\resources\vivaldi\style

mudshark

@nomadic
Yes, I do have new tabs opening after the current active tabs which is only 1/2 of what I was asking for.

The 2nd half of my question was how can I get a fresh new tab to open from the "+" button to the far right of ALL tabs.

Opening from a link on a tab makes them related so next to each other is fine.
With a truly fresh new tab, I don't want it to get lost among all the other already open tabs.

Thanks.

nomadic

@mudshark said in New tab positions and colors:

Yes, I do have new tabs opening after the current active tabs which is only 1/2 of what I was asking for.
The 2nd half of my question was how can I get a fresh new tab to open from the "+" button to the far right of ALL tabs.

Have you tried the setting? It should open related tabs next to each other, but new tabs made by hitting the new tab button or a keyboard shortcut open at the end after all the other tabs.

Sorry if my GIF of this setting didn't have enough contrast for you to see it behavior matching what you described.

The path to the CSS file that needs alteration is at
C:\Users\userID\AppData\Local\Vivaldi\Application\version\resources\vivaldi\style

I see you opened a new thread where @Pathduck already informed you that it isn't a good idea to edit "common.css".

In the link I provided, you should follow the instructions for "Adding Style" and specifically for "Vivaldi 2.6 and above".

@Christoph142 said in Modding Vivaldi:

Adding Style

⁣

Vivaldi 2.6 and above

Open vivaldi://experiments

Enable "Allow for using CSS modifications"

Open Appearance section in settings

Choose the folder you want to use

Place your CSS files inside it

Restart Vivaldi to see them in effect