In settings I added some regex and testet it with (RegexBuddy but it didn't work with the addon even if RegexBuddy (tested with regex type JavaScript) gave it's o.k. after debugging.

Regex:
.*\.?joplinapp\.org/.*

Teststring in RegexBuddy
https://discourse.joplinapp.org/t/vertical-line-in-split-editor/21525

Result in RegexBuddy was "Match found in 170 steps".

But with Waterfox there is no match. :(

Short description :

Colors the tabs trees when a child tab is opened , I mean that each tree could be colored in a different color : it's very useful to find quickly the different sections of your navigation !
The idea is to add an option to TST-Colored-tabs that allow to color tabs in the same color for each tree instead a color for each domain

Expected result :

(a click on a link opens a new tab in the same color of the current parent tab, the main parent tab is colored only when a child tab is opened).

Example :

_{(screenshot based on the behaviour of the old "Tab Kit" extension)}

Actual result :

All tabs have different colors, not easy to distinguish the different sections.

Environment :

Platform (OS): Windows 10
Version of Firefox: 67.04
Version (or revision) of Tree Style Tab: 3.1.2

^{This feature has also been requested on the official source repo of TST here (without success 🙂 )}

Many thanks for the great addon ! :)

saturation + bold for the active tab doesn't quite work for me... I'd really prefer a very "in your face " combination, like, for instance, the oldie but goldie "trad terminal green on black"...

Instead of the current settings, ¿would it not be better to be able to set a choice of colors for the active tab? It works great for the "per host colors"...

Thanks!

I switched on the Force Bold Text checkbox for Active tabs, then switched it back off. No matter what I do, the text remains bold and is unfortunately hard to read.

Would like to select tabs and apply a selected color only to those tabs (to highlight them)

In every few days the module is inactivated. I have to go into the settings, and "Apply the changes", then it recovers. I notice that "bold text" is also disabled at such times.

So, I use a dark theme, and low-brightness settings for the 15 randomly-assigned TCT colours. Cool!

However, I'd like to be able to use light backgrounds for some of the custom domains; and the light-text instantly becomes invisible:

This, of course, is unsurprising. However, I'd really like to either:

1. Be able to select both foreground and background colours per-domain,
2. have TCT automatically calculate contrast for the text and select between two dark/light text-colours automatically,
3. or both!

With my current colored tabs settings it is totally unnoticeable if (multiple) tabs are selected or not.
Could we also get options for selected tabs?

Looking for the according CSS classes, I found this piroor/treestyletab#2840 (comment)

Before installing TST-Colored-tabs, the main color on the tab was the Container indicator stripe. With TST Colored Tabs installed, the container indicator stripe is still present, but it's quite hard to see. I would be nice to have some options to make this more visible.

Possible solutions:

• Make the existing container stripe wider
• Extend the container stripe into a border around the entire tab
• Create a gradient fill that blends between the tab color and the container color

Just a question. I haven't with certainty figured out if it is possible. It kinda does something to them sometimes, but not reliably.

System: FF 70.0, MacOS 10.14.6, plugin versio 0.6.
FF default theme, and tested with other plugins disabled (apart from TST, obviously).

The "Active tab" and "Hovered tab" settings don't get applied when you change their settings from the empty defaults and click "Save and apply". If you leave or close the plugin settings page and come back the settings have defaulted to empty. Apparently something is causing the settings to not save at all.

It would be great to be able to highlight specific domains / subdomains with their own colours. For example:

• test.domain.com in green
• stage.domain.com in orange
• prod.domain.com in red

Unspecified domains would use the standard tab colours of the selected theme (or those set in TST).

I see it's not working with any filter for local files URIs (i.e. .OneDrive. to specify OneDrive location)

I checked and veriefied that this plugin overload my RAM, after I start firefox, the ram continue to grow until reache the maximum limit (my PC have 32gb) and then the browser crash.

but all your others plugin is very nice! ty

Andrea

Would it be possible to be able to colorize tabs hosting special pages.
So far no regexp I tried seems to work on "about:*" and "moz-extension:" pages

Hey,

this seems like a really useful extension to TST. Congratulations and thank you for publishing it.
I have one (probably not so small) idea how it could be improved and wanted to discuss if it's possible to achieve.

I came to your extension looking for a utility to colorize the browser or a tab based on the domain. I want to be able to define which domains gets which color, mainly for web development purposes. I'd like to be able to define something like this, to be able to distinguish faster on which version of a site I am:

• *.local: green color (development version, everything you change is safe)
• staging.*: orange color (staging version)
• mydomain.com: red color (live version, be careful with your settings)

Is something like this possible?

It would be much faster to edit the values in a text editor.

Does this effectively already exist in the Firefox profile folder, perhaps?

edit: I figured it is faster to aggregate sites to a regex rule if they should get roughly the same color, rather than making a rule for each site.

TST Colored Tabs does not work correctly after I upgraded TST to version 3.8.5
Firefox version : 89.0.2 (64-bit) Linux
TST version : 3.8.5
TST-colored-tabs version : 0.7

TST 3.8.5 seems to have introduced a new element named tab-item-substance below tab-item in the DOM structure. While the coloredTabs* classes are still applied to the tab-item elements, the class is not inherited by the tab-item-substance element.

From the looks of it tab-item spans the whole width of tab bar, while tab-item-substance is then the actual tab, which might be indented due to the tree structure. This means that depending on the theme chosen in TST either the full width is colored with the tree-structure only visible due to indentation of the favicon and text (happens with Proton and Sidebar themes) or the tabs themselves all have the same default color with colorization only visible to the left of indented tabs (happens with Photon and High Contrast).

The built-in "System theme" FireFox theme ('Follow the system theme …'), along with a few others (such as Firefox Alpenglow include a dark_theme manifest-entry; which is then used whenever the operating-system is set to "dark mode":

Unfortunately, since TST-Colored-Tabs only supports one set of colour settings, you're pretty much guaranteed for those settings to look terrible on whichever background they're not catering to:

There's not currently an API to explicitly determine whether the theme is "dark" mode or "light" mode; but you can use browser.theme.getCurrent() to extract the current settings, and add a listener to browser.theme.onUpdated to be notified whenever the system-theme changes; there's a good example of this in the firefox-audio-compressor addon:

https://github.com/vatara/firefox-audio-compressor/blob/91312ccd46eaf588295316b83301b6f280a41f12/src/background.js#L36-L64

Further reading: https://bugzilla.mozilla.org/show_bug.cgi?id=1542044

Addon no longer works with Firefox 103.0.1, TST is still 3.8.25;

Enabling this addon makes the entire firefox unresponsive and the RAM consumption climbs rapidly,
Kindly check on this please.

It's a great idea, is there a logic to the colour choices though, or is it just random colour selection and if that's the case is it from a predefined number of swatches or just a colour map?

I find having to re-set the lightness every evening and morning daunting.
Also, to fit TST-Colored-tabs with other night/dark mode plugins it would be really helpful to employ a set time schedule for parameters such as general lightness and saturation. i.e. increase lightness at 7AM, decrease at night etc...

Was working fine until the new Update, v90.0.1 of Firefox.. Now It causes freezes/crash on Firefox Startup.

Initially things look like Firefox starts fine... But after a few minutes, Freeze !!

TST works fine... The problems only start when this Add-On is Enabled.

I've a few extra style rules set for TST and would love to incorporate Colored Tabs' styling.

As it stands, descendants¹ can inherit the background-color of the tab, but this has limited application in practice. It also requires managing inheritance, as we descend, to avoid overriding that property.

As a supplementary feature, it would fantastic to have access to those colour values directly. This would allow styling of other properties, e.g. border-color, box-shadow, etc., for the tab, and its descendants.

Something like this:

.tab.coloredTabsHue192 {
    --colored-tabs-bg-color: hsl(192,20%,30%);
    background-color: var(--colored-tabs-bg-color);
}

Modular Approach

Access to hue value, in addition to the background-color value.

.tab.coloredTabsHue192 {
  --colored-tabs-bg-hue: 192;
  --colored-tabs-bg-color: hsl(var(--colored-tabs-bg-hue), 20%, 30%);

  background-color: var(--colored-tabs-bg-color);
}

Further modularisation.

.tab.coloredTabsHue192 {
  --colored-tabs-bg-hue: 192;
  --colored-tabs-bg-saturation: 20%;
  --colored-tabs-bg-lightness: 30%;
  --colored-tabs-bg-color: hsl(
      var(--colored-tabs-bg-hue), 
      var(--colored-tabs-bg-saturation),
      var(--colored-tabs-bg-lightness)
  );
   
  background-color: var(--colored-tabs-bg-color);
}

The varying levels of granularity could be enabled through options, if performance was a concern. Likely unnecessary, though; I suspect the performance impacts of even the most modular approach would still be negligible.

Notes

I'm inclined to brevity with naming schemes, but I'm approximating Tree Style Tab here. I did shorten background to bg, however.

1. tab-label, favicon, .highlighter, etc.

Hey, Shadowfox overrides your addon right now, making all of my tabs dark anyway.

Do you have an idea of the colour overrides required to show tab colour?

Thank you, great work.

When a tab is dragged from one Firefox window to another, it looses its color.

Steps to duplicate:

• Open a tab in Firefox and verify it has a color applied by TST-Colored-tabs
• Open a separate Firefox window (CTRL-N)
• Drag the tab from the first step to the new window
• Note that the tab now has the default coloring and doesn't retain the applied color coding

When working with Tree Style Tabs I usually have 1-3 most important tabs that are currently in my focus.
I found useful Google Chrome Sidewise extension that has "Highlight" functionality. I set it on double-click action.

So whenever I work on some document and open million tabs for investigation or have active phone call, I can always highlight them to return quickly!

Personally I don't like the idea of all tabs being auto-colorized, and would rather have the ability to colorize separate tabs in order to visually mark them and separate from the rest of the tabs.

Since this add-on is meant to be used with TST it does not seem right to load every tab on startup to determine its color.
Most tabs, especially if there are many will be collapsed/hidden and do not need to be colored.

According to my tests with 1000 Tabs open, this add-on makes FF allocated several additional GBs (about 10GB) of RAM on start which slows down start enormously.
Tested with 1000 Tabs this add-on makes (re)starting FF take over 5 times as long as without the add-on enabled, all other things equal.

When I upgraded TST to version 3.7.3 colored tabs stopped working (colorizing) tabs.
Firefox version : 78.8.0esr (64-bit) Linux
TST version : 3.7.3
TST-colored-tabs version : 0.7

Tab colors are not working. All tabs are the same color, and per-host rules are not working.

System details:
Firefox 102.0.1 64-bit
Linux (popOS)
Tree Styled Tabs 3.8.26
TST Colored Tabs 0.7.1

Screenshots

Could you please add a bool option like "Color all tabs" to "Settings for all tabs"?

(Alternatively a checkbox like "Also colorize other tabs" to "Per host colors".)

I'd like to have the addon only colorize tabs of the domains I entered into "Per host colors". All the other tabs should stay just like before (no color).

I think this would be very useful to many and would only require a boolean check to set colors for tabs that don't match any domain or regex entered into "Per host colors".

Thanks for your great addon!

Edit: just found that this is already possible when setting "Number of colors" to 0. However, I think it would still be better if there was a checkbox for that. Moreover, maybe it could be possible to add an entry to "Per host colors" for "All other tabs" so you can configure them to have either the default style or a specific color.

Edit 2: somehow it doesn't really work when setting "Number of colors" to 0, in that case only one of the domains still has the color and if I set it the number of colors configured under "Per host colors" tabs of other domains still get random colors. So it looks like there currently is no workaround.

After removing a host setting from the "per host colors" list, I noticed that the color of the tabs of the removed host (at least sometimes) do not revert to the default color selection. Instead it seems to become linked to another per host setting, even if the name/regex should not match at all.

For example:

Here I have a bunch of per host settings, although none that would match either github.com or bitbucket.org (I apologize for the garish color selection, but I wanted to ensure that the difference is obvious. Also every screenshot shows the state of things immediately after pressing "Save and apply settings"):

Then I first added and saved a setting for github.com:

After that a different color for bitbucket.org:

So far everything seemed to work just as intended.

The surprise came when removing the setting for github.com again. Now the tab had the same color as the one I chose for bitbucket.org:

To confirm that it is not just coincidence (although the chosen Lightness setting should not even allow for that color to be chosen automatically) I changed the color for bitbucket.org, which also applied the change to the github.com tab:

Only after also removing the setting for bitbucket.com things seemed to be back to normal:

"Seemed to" because after adding a per host setting with an (by accident) empty "Host" field, bitbucket.org, github.com as well as the the browser specific pages about:addons and about:newtab were linked to the same color:

This link also remained after correcting the empty text to "github.com"

Similar things also happen, when the "Regexp" checkbox is toggled for an item. Here I have several Regexp settings, all working as intended:

After disabling the Regexp checkbox on one setting (in this case the one that matches firefox extension pages, i.e. moz-extension://…), these tabs revert to another regexp enabled host (in this case .*\.?stackexchange\.com

It looks like the settings will only work as intended after restarting the browser. Just disabling/re-enabling TST Colored Tabs or even Tree Style Tabs is not enough. While this makes the issue less serious, it nevertheless may complicate setting up a colorscheme, especially when experimenting with regexp. (I initially found this issue when I had a regexp that was subtly wrong, but initially seemed to work because I previously had non-regexp settings with the same hosts and colors.)

I am currently using TST Colored Tabs 0.7 on Firefox 85.0.2 (64-bit) with Tree Style Tab 3.7.0 on Linux.

Hello,

I am finding that after a little while, I'm not sure the exact time frame, TST Colored Tabs will revert to using the default settings causes tabs to be brightly coloured, sometimes causing issues reading the titles.

When I go into Add-ons Manager and click "Save and apply settings", the settings seem to take affect and stay correct for a while.

I am currently using versions:
TST Colored Tabs 0.7
Tree Style Tabs 3.5.4
Mozilla Firefox 76.0.1
Pop!_OS 20.04 LTS

Let me know if you need more information.

Thanks.