{"id":17014698,"url":"https://github.com/natoboram/firefox-tab-rope","last_synced_at":"2025-03-22T14:41:34.872Z","repository":{"id":97826255,"uuid":"373883284","full_name":"NatoBoram/firefox-tab-rope","owner":"NatoBoram","description":"Transforms Firefox' tab rope into a proper tab bar.","archived":false,"fork":false,"pushed_at":"2023-10-27T20:52:28.000Z","size":136,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-27T14:36:57.058Z","etag":null,"topics":["firefox","firefox-css","firefox-proton","firefox-tweaks"],"latest_commit_sha":null,"homepage":"https://redd.it/ns5hyk","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NatoBoram.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","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":"NatoBoram","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://paypal.me/NatoBoram/5"]}},"created_at":"2021-06-04T15:22:48.000Z","updated_at":"2023-12-11T19:01:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"3c2355c1-0f54-484a-893e-bfd3ab97a820","html_url":"https://github.com/NatoBoram/firefox-tab-rope","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NatoBoram%2Ffirefox-tab-rope","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NatoBoram%2Ffirefox-tab-rope/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NatoBoram%2Ffirefox-tab-rope/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NatoBoram%2Ffirefox-tab-rope/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NatoBoram","download_url":"https://codeload.github.com/NatoBoram/firefox-tab-rope/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244973702,"owners_count":20541021,"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-css","firefox-proton","firefox-tweaks"],"created_at":"2024-10-14T06:25:45.558Z","updated_at":"2025-03-22T14:41:34.848Z","avatar_url":"https://github.com/NatoBoram.png","language":"CSS","funding_links":["https://patreon.com/NatoBoram","https://paypal.me/NatoBoram/5"],"categories":[],"sub_categories":[],"readme":"# Firefox Tab Rope\n\nTransforms Firefox' tab rope into a proper tab bar.\n\n![Alpenglow](screenshots/Alpenglow.png)\n![Dark](screenshots/Dark.png)\n![Firefox B](screenshots/Firefox%20B.png)\n![Light](screenshots/Light.png)\n\n## Changes\n\nI upgraded the hover highlight effect from `11%` to `12%` and applied to it the non-hover version but at `4%`.\n\nDarker than `4%`, you don't really see it and it can be a bit hard on the eyes. But at `4%`, the `11%` from the hover is a bit too close, so I bumped it.\n\nWhile it's specifically made in dark mode and optimized for my own use case, *it works with all themes*. You'll probably want to bump that `4%` to `5%` if you have a busy theme. Edit the two percentages to fit your taste.\n\n## Installation\n\n1. In `about:config`, enable `toolkit.legacyUserProfileCustomizations.stylesheets`\n2. `about:support` / *Profile Directory* / **Open Directory**\n3. Create folder `chrome` containing the file `userChrome.css`\n4. Paste the code below in `userChrome.css`\n5. In `about:restartrequired`, click on **Restart Firefox**\n\n```css\n.tabbrowser-tab:hover\u003e.tab-stack\u003e.tab-background:not([selected=true], [multiselected]) {\n\tbackground-color: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.tabbrowser-tab\u003e.tab-stack\u003e.tab-background:not([selected=true], [multiselected]) {\n\tbackground-color: color-mix(in srgb, currentColor 4%, transparent);\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnatoboram%2Ffirefox-tab-rope","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnatoboram%2Ffirefox-tab-rope","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnatoboram%2Ffirefox-tab-rope/lists"}