Container color coding is missing

[MadWombat]

I have Multi-Account Containers extension installed. In the normal themes container tabs have a colored line indicating which container the tab belongs to. With the custom chrome the color coding is missing.

[wilfredwee]

Hi, thanks for the feedback. I have indeed removed the container colors for now because I haven't looked at implementing it correctly.

I'll look into adding this feature, but feel free to create a pull request if you have it figured out!

[cwsault]

I got this working using the following rule:

.tab-background > spacer {
  border-bottom: 2px solid var(--identity-tab-color);
}

I don't have a fork made for any of my own CSS changes yet, so can't do a PR, but here's how it looks on my end:

I'm also using a customized version of the inactive tabs coloring in #22; here are the colored lines when applied to the userChrome-light.css in this repo without the inactive tabs background:

It's not perfect because it's just a border rather than the actual element with a gradient fade to transparent on the ends like in the vanilla themes, but it serves the purpose.

[wilfredwee]

This looks pretty cool! I may take another stab at this when I have some time. I believe the original Firefox implementation had the color at the top of the tab, but this looks nice as well.

[HoijanLai]

I kind of do it by playing around with --background-selected-middle: profile

  --background-selected-middle:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
    linear-gradient(
      rgb(46, 148,255),
      rgb(245,246,247) 2px,
      rgb(245,246,247)
    ),
    none;