{"id":21409765,"url":"https://github.com/emvaized/tst-colorize-tabs","last_synced_at":"2025-06-11T05:06:13.186Z","repository":{"id":128688517,"uuid":"471979061","full_name":"emvaized/tst-colorize-tabs","owner":"emvaized","description":"TST addon which allows to set individual color for each tab in order to highlight it","archived":false,"fork":false,"pushed_at":"2024-09-16T22:45:55.000Z","size":222,"stargazers_count":3,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-09-17T08:29:49.827Z","etag":null,"topics":["firefox","firefox-addon","firefox-extension","firefox-webextension","tree-style-tab","tree-style-tabs"],"latest_commit_sha":null,"homepage":"https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/emvaized.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://www.paypal.com/donate/?business=2KDNGXNUVZW7N\u0026no_recurring=0\u0026currency_code=USD"]}},"created_at":"2022-03-20T12:52:30.000Z","updated_at":"2024-09-16T22:45:58.000Z","dependencies_parsed_at":"2023-04-25T14:32:16.706Z","dependency_job_id":null,"html_url":"https://github.com/emvaized/tst-colorize-tabs","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emvaized%2Ftst-colorize-tabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emvaized%2Ftst-colorize-tabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emvaized%2Ftst-colorize-tabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emvaized%2Ftst-colorize-tabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emvaized","download_url":"https://codeload.github.com/emvaized/tst-colorize-tabs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225939690,"owners_count":17548734,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firefox","firefox-addon","firefox-extension","firefox-webextension","tree-style-tab","tree-style-tabs"],"created_at":"2024-11-22T17:33:28.163Z","updated_at":"2024-11-22T17:33:28.879Z","avatar_url":"https://github.com/emvaized.png","language":"JavaScript","funding_links":["https://www.paypal.com/donate/?business=2KDNGXNUVZW7N\u0026no_recurring=0\u0026currency_code=USD"],"categories":[],"sub_categories":[],"readme":"[![Mozilla Add-on Version](https://img.shields.io/amo/v/tst-colorize-tabs?label=version\u0026color=blue)](https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/)\n[![Mozilla Add-on](https://img.shields.io/amo/users/tst-colorize-tabs?color=%23FF6611\u0026label=users\u0026logo=Firefox)](https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/)\n[![Mozilla Add-on Stars](https://img.shields.io/amo/stars/tst-colorize-tabs)](https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/)\n![CI/CD](https://github.com/emvaized/TST-Colorize-Tabs/workflows/CI/CD/badge.svg)\n\n# \u003csub align=\"bottom\"\u003e\u003cimg height=\"40px\" src=\"./src/images/color.png\"\u003e\u003c/sub\u003e TST Colorize Tabs\n\nThis 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. \n\n\u003ca href=\"https://addons.mozilla.org/firefox/addon/tst-colorize-tabs/\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/585534/107280546-7b9b2a00-6a26-11eb-8f9f-f95932f4bfec.png\" alt=\"Get for Firefox\"\u003e\u003c/a\u003e\n\n\u003e Huge thanks to [@irvinm](https://github.com/irvinm) for many contributions to this project! 🎉 \u003cbr\u003e Check out his addon [TST Lock](https://github.com/irvinm/TST-Lock)\n\n\n## Important notes\n\n- 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/)\n\n- 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.  \n**This means any restored tabs will not have their color information retained and will be treated as \"new\".**\n\n## Keyboard hotkeys\n\nYou can change shortcuts via `about:addons` -\u003e Cogwheel -\u003e Manage Extension Shortcuts ([guide](https://support.mozilla.org/en-US/kb/manage-extension-shortcuts-firefox))\n\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003e1\u003c/kbd\u003e – Set red color for selected tabs\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003e2\u003c/kbd\u003e – Set green color for selected tabs\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003e3\u003c/kbd\u003e – Set blue color for selected tabs\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003e4\u003c/kbd\u003e – Set yellow color for selected tabs\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003e5\u003c/kbd\u003e – Set brown color for selected tabs\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003e6\u003c/kbd\u003e – Set purple color for selected tabs\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003e7\u003c/kbd\u003e – Set orange color for selected tabs\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003e0\u003c/kbd\u003e – Remove color from selected tabs\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003eDown\u003c/kbd\u003e – Switch to the next colorized tab\n- \u003ckbd\u003eAlt\u003c/kbd\u003e + \u003ckbd\u003eUp\u003c/kbd\u003e – Switch to the previous colorized tab\n\n## How to change colors\n\nTo customize colors, you can use TreeStyleTab's custom CSS.\nHere are default style rules for each color, which you could override in Tree Style Tabs settings:\n\n```\n.tab.self-colored-red tab-item-substance { \n    background-color: rgba(255,0,0,0.2) !important;\n}\n.tab.self-colored-green tab-item-substance { \n    background-color: rgba(0,255,0,0.2) !important; \n}\n.tab.self-colored-blue tab-item-substance { \n    background-color: rgba(0,128,255,0.2) !important;\n}\n.tab.self-colored-yellow tab-item-substance { \n    background-color: rgba(255,255,0,0.2) !important; \n}\n.tab.self-colored-brown tab-item-substance { \n    background-color: rgba(139,69,19,0.2) !important; \n}\n.tab.self-colored-purple tab-item-substance { \n    background-color: rgba(75,0,130,0.2) !important; \n}\n.tab.self-colored-orange tab-item-substance { \n    background-color: rgba(255,69,0,0.2) !important;\n}\n```\n\n## Contribution\nAny contributions are welcome! Please feel free to fork this extension and create pull request to suggest your changes.\n\nFew ideas to work on: \n- [ ] Ability to change color values on a settings page instead of using CSS (https://github.com/emvaized/tst-colorize-tabs/issues/9)\n- [ ] Apply 'light/dark' mode to the CSS color values as well, so that users could specifiy different colors for dark mode\n- [ ] List all colorized tabs in the extension popup, with switch to tab on click\n\n-----\n\nExtension logo (color.png) provided by:  \u003ca href=\"https://www.flaticon.com/free-icons/color-wheel\" title=\"color wheel icons\"\u003eColor wheel icons created by Hasymi - Flaticon\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femvaized%2Ftst-colorize-tabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femvaized%2Ftst-colorize-tabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femvaized%2Ftst-colorize-tabs/lists"}