Customise Active Tab color?

[robinartdesignicloud]

Hi folks

New to Vivaldi and loving it ... very much the way chrome and other browsers should have been.

One thing though ... is there no way to edit/customise the Active tab in Vivaldi Themes?
I'd like the whole active tab to be a solid background colour of choice ... something like this screenshot below from chrome theme.

Any way possible?

[Pathduck]

@robinartdesignicloud Hello and Welcome to the Vivaldi Community

The active tab uses the accent colour - unless "Accent on Window" is selected, then it's reversed. Make sure "Accent from page" is deselected if you want to control the colour yourself.

[robinartdesignicloud]

@pathduck thanks for welcome

Ok, I tried that, but then it changes the toolbars colour as well .... I'm wanting only to change the active tab if possible, nothing else.

Also, when I tried "accent on window" ... I'm unsure what exactly happens there, because neither of the accent or highlight colour was used ... I'm probably understanding wrongly what thats supposed to do ...

TIA

[Pathduck]

@robinartdesignicloud said in Customise Active Tab color?:

I'm wanting only to change the active tab if possible, nothing else.

Yes, the toolbar(s) like Bookmarks Bar will also use accent. That can't be changed unless you use CSS modding.

How it looks for me:

Theme: https://themes.vivaldi.net/themes/wOkJy8kvmdL

Try playing around

[robinartdesignicloud]

@pathduck yes I was hoping for just the tab as in the chrome theme screenshot example i showed originally ... unfortunately I dont know code ... would probably break the intrernet world wide if i did haha.

But thanks for input.

[luetage]

@robinartdesignicloud #browser .tab-position .tab.active {background-color: pink; color: black !important;}

[robinartdesignicloud]

@luetage said in Customise Active Tab color?:

#browser .tab-position .tab.active {background-color: pink; color: black !important;}

Thank you, will give it a try ... but now I cant find where one edits the code .... saw it earlier in settings i think, but now can't find it ...

[Pathduck]

@robinartdesignicloud Read this:
https://forum.vivaldi.net/topic/10549/modding-vivaldi

CSS mods are in experiments, need to enabled first:

You can find colour names and codes here:
https://www.w3schools.com/colors/colors_names.asp
https://www.w3schools.com/colors/colors_picker.asp

[luetage]

This post is deleted!

[Pathduck]

@luetage Yersh, I already posted that link?

[luetage]

@pathduck lol, sorry, got confused by your picture.

[shifte]

@pathduck
Dear.
I saw your handsome brother.
https://forum.vivaldi.net/topic/69608/inspect-element-copying-css-rules-will-break-lines

[luetage]

@shifte Wait… are you implying Pathduck is the ugly duckling?

[Pathduck]

@shifte Oh that miserly old capitalist greedbag, don't like the guy, we're just (very) remote family.

[shifte]

@luetage
How dare you...
@Pathduck
Yes, you know , maybe he is your family.

[Streptococcus]

@pathduck said in Customise Active Tab color?:

@robinartdesignicloud Hello and Welcome to the Vivaldi Community

The active tab uses the accent colour - unless "Accent on Window" is selected, then it's reversed. Make sure "Accent from page" is deselected if you want to control the colour yourself.

With the theme I am using, the accent colours the tab bar and the unselected tabs while the selected tab is the colour of the toolbars.