Categories

This extension allows to set individual color for each tab in order to highlight it

This extension allows to set individual color for each tab in order to highlight it.
Tree Style Tab extension is required for it to run.

⚠️ It may conflict with other extensions which change tabs color, such as VivaldiFox or TST Colored Tabs. Also keep in mind that tab color will not be restored on tab close and reopen.

Keyboard hotkeys

You can change shortcuts via about:addons -> Cogwheel -> Manage Extension Shortcuts (detailed guide)

● Alt+ 1 – Set red color for selected tabs
● Alt+ 2 – Set green color for selected tabs
● Alt+ 3 – Set blue color for selected tabs
● Alt+ 4 – Set yellow color for selected tabs
● Alt+ 5 – Set brown color for selected tabs
● Alt+ 6 – Set purple color for selected tabs
● Alt+ 7 – Set orange color for selected tabs
● Alt+ 0 – Remove color from selected tabs
● Alt+ Down – Switch to the next colorized tab
● Alt+ Up – Switch to the previous colorized tab

How to change colors

To customize colors, you can use TreeStyleTab's custom CSS.
Here are default style rules for each color, which you could override in TST settings:

.tab.self-colored-red tab-item-substance {
background-color: rgba(255,0,0,0.2) !important;
}
.tab.self-colored-green tab-item-substance {
background-color: rgba(0,255,0,0.2) !important;
}
.tab.self-colored-blue tab-item-substance {
background-color: rgba(0,128,255,0.2) !important;
}
.tab.self-colored-yellow tab-item-substance {
background-color: rgba(255,255,0,0.2) !important;
}
.tab.self-colored-brown tab-item-substance {
background-color: rgba(139,69,19,0.2) !important;
}
.tab.self-colored-purple tab-item-substance {
background-color: rgba(75,0,130,0.2) !important;
}
.tab.self-colored-orange tab-item-substance {
background-color: rgba(255,69,0,0.2) !important;
}