Changing the active tab's border in Firefox

I adjusted a theme and changed the colour of the tabbar. I am using rounded, vaguely safari-style tabs, but the border of the tab is not transparent. I wondered if anyone knew what must be changed to either make the border transparent, giving the tab a rounded look, or at least what must be added to make the border the same colour as the tabbar for a similar effect.

As you can see from this shot, the tab itself is round, but the background for the active tab is very light. It's that colour I wanted to change. I've tried a few userchrome adjustments but no luck yet.

#369183

In the JAR file, look under global/toolbar for activetab-left and right, depending upon what theme you are using. Tab ends are naturally square, they need to be masked by th endcaps.

#369240

Just to point out,

The tabs can be rounded without images.

It just may not look as smooth.

Example code:

tab[selected=true],

tab:hover:active[selected=true] {

border: 1px;

-moz-border-radius-bottomleft: 1px;

-moz-border-radius-bottomright: 1px;

-moz-border-radius-topleft: 0px;

-moz-border-radius-topright: 0px;

}

#369423

You're right. Thanks for the tip, vkeios. I used this in the preferences dialogs of amalgam but never thought to use it on tabs.

#369426

Thankyou both for your help. Actually, I started modding another theme, and I realised that I had forgotten to change those images. I'd seen thumbnails but thought the the white edges were just transparent parts of the .png. Now I've coloured the white to match the tab-bar, all is well.

Again, thank you both.

#369546