Feature request: colors for containers in Firefox

[ajmeese7]

Short description

This is different from the previous related issues because I'm not suggesting any fancy grouping methods or anything. I just think it would be nice if there could be a similar colored underline in the side tree to the one on the top nav bar.

Steps to reproduce

1. Start Firefox with clean profile.
2. Install TST.
3. Open a tab in a container in Firefox.

Expected result

Colored underline in tree tab for contained tabs

Actual result

Environment

• Platform (OS): Windows 10
• Version of Firefox: 69.0b6 (64-bit)
• Version (or revision) of Tree Style Tab: 3.1.5

[piroor]

I think it can be done with a custom style sheet like:

.contextual-identity-marker {
  top: auto !important;
  left: 0.5em !important;
  right: 0.5em !important;
  bottom: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: calc(var(--favicon-size) / 10) !important;
}

[piroor]

Anyway, basically the appearance of UI elements in TST's sidebar are designed as a -90deg rotated version of the native tab bar. The container indicator is shown at side of tabs opposite the "active" state indicator. It was based on a design decision so I won't apply this change globally.

[irvinm]

@piroor I would go ahead and close this issue. This seems fairly straight forward.

[piroor]

I've added a snippet: https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#container-colored-underline-for-tab-2346