Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emvaized/tst-colorize-tabs
TST addon which allows to set individual color for each tab in order to highlight it
https://github.com/emvaized/tst-colorize-tabs
firefox firefox-addon firefox-extension firefox-webextension tree-style-tab tree-style-tabs
Last synced: about 2 months ago
JSON representation
TST addon which allows to set individual color for each tab in order to highlight it
- Host: GitHub
- URL: https://github.com/emvaized/tst-colorize-tabs
- Owner: emvaized
- License: mpl-2.0
- Created: 2022-03-20T12:52:30.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-09-16T22:45:55.000Z (4 months ago)
- Last Synced: 2024-09-17T08:29:49.827Z (4 months ago)
- Topics: firefox, firefox-addon, firefox-extension, firefox-webextension, tree-style-tab, tree-style-tabs
- Language: JavaScript
- Homepage: https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/
- Size: 217 KB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
[](https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/)
[](https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/)
[](https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/)
# 
TST Colorize Tabs
This extension allows to set individual color for each tab in order to highlight them. Currently available colors: red, green, blue, yellow, brown, purple, orange. [Tree Style Tabs](https://addons.mozilla.org/firefox/addon/tree-style-tab/) extension is required for it to run.
> Huge thanks to [@irvinm](https://github.com/irvinm) for many contributions to this project! 🎉
Check out his addon [TST Lock](https://github.com/irvinm/TST-Lock)
## Important notes
- Extension may conflict with other extensions which change tabs color, such as [VivaldiFox](https://addons.mozilla.org/firefox/addon/vivaldifox/) or [TST Colored Tabs](https://addons.mozilla.org/firefox/addon/tst-colored-tabs/)
- When you close a tab or window and then use Firefox to "restore" these tabs, they will not have the original Tab IDs assigned. Because of this (and no great way of mapping "new tabs created\restored" to old closed tabs), once you close a tab\window, the associated color information will be deleted.
**This means any restored tabs will not have their color information retained and will be treated as "new".**
## Keyboard hotkeys
You can change shortcuts via `about:addons` -> Cogwheel -> Manage Extension Shortcuts ([guide](https://support.mozilla.org/en-US/kb/manage-extension-shortcuts-firefox))
- 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 Tree Style Tabs 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;
}
```
## Contribution
Any contributions are welcome! Please feel free to fork this extension and create pull request to suggest your changes.
Few ideas to work on:
- [ ] Ability to change color values on a settings page instead of using CSS (https://github.com/emvaized/tst-colorize-tabs/issues/9)
- [ ] Apply 'light/dark' mode to the CSS color values as well, so that users could specifiy different colors for dark mode
- [ ] List all colorized tabs in the extension popup, with switch to tab on click
-----
Extension logo (color.png) provided by: Color wheel icons created by Hasymi - Flaticon