{"id":13474778,"url":"https://github.com/fboulnois/positron-ui-firefox","last_synced_at":"2025-10-03T01:31:53.744Z","repository":{"id":46749317,"uuid":"412928110","full_name":"fboulnois/positron-ui-firefox","owner":"fboulnois","description":"A simple userChrome for Firefox that restores connected tabs, visual dividers, and the focused tab highlight.","archived":false,"fork":false,"pushed_at":"2022-10-24T18:19:00.000Z","size":65,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-01-12T21:33:28.844Z","etag":null,"topics":["firefox","firefox-css","firefox-customization","userchrome","userchromecss"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/fboulnois.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-10-02T22:53:01.000Z","updated_at":"2024-07-03T15:02:26.000Z","dependencies_parsed_at":"2023-01-20T07:54:05.910Z","dependency_job_id":null,"html_url":"https://github.com/fboulnois/positron-ui-firefox","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fboulnois%2Fpositron-ui-firefox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fboulnois%2Fpositron-ui-firefox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fboulnois%2Fpositron-ui-firefox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fboulnois%2Fpositron-ui-firefox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fboulnois","download_url":"https://codeload.github.com/fboulnois/positron-ui-firefox/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235059553,"owners_count":18929287,"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-customization","userchrome","userchromecss"],"created_at":"2024-07-31T16:01:14.739Z","updated_at":"2025-10-03T01:31:53.389Z","avatar_url":"https://github.com/fboulnois.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# Positron UI for Firefox\n\n## Table of Contents\n\n1. [Introduction](#Introduction)\n2. [Screenshots](#Screenshots)\n3. [Installation](#Installation)\n4. [Proton UI Issues](#Proton-UI-Issues)\n\n## Introduction\n\nThe [Proton UI](https://wiki.mozilla.org/Firefox/Proton) for Firefox 89 and\nlater substantially modifies Firefox's User Interface (UI). Although the overall\ndesign is refreshed, tabs have been redesigned to float as buttons and are no\nlonger connected to the address bar.\n\nThe goal of Positron is to make very minimal changes to the Proton UI to resolve\n[issues outlined below](#Proton-UI-Issues). In less than 100 lines of CSS,\nPositron:\n\n* Restores connected tabs\n* Adds visual dividers between inactive tabs\n* Restores the small colorful line above the focused tab\n\nPositron does not modify other parts of the Proton UI, including context menus,\ntheme colors, icons, or UI control positions. Despite font sizes being unchanged,\nPositron takes slightly less space vertically and leaves more space for text\nhorizontally. Positron is also compatible with different Firefox themes and UI\ndensities. The latest [`userChrome.css`](userChrome.css) supports Firefox 99+ on\nLinux, macOS, and Windows.\n\n## Screenshots\n\nBefore (Proton UI):\n\n![Proton UI Light](img/proton-light.png)\n![Proton UI Dark](img/proton-dark.png)\n\nAfter (Positron):\n\n![Positron Light](img/positron-light.png)\n![Positron Dark](img/positron-dark.png)\n\n## Installation\n\n1. Go to `about:profiles` in the address bar\n2. Open the Root Directory for the profile in use\n3. Create a `chrome` folder in the root directory\n4. Copy the [Positron `userChrome.css`](userChrome.css) into the `chrome` folder\n(so that the directory hierarchy is `\u003croot\u003e/chrome/userChrome.css`)\n5. Go to `about:config` in the address bar\n6. Search the preference names for `legacyUser`\n7. Toggle `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to\n`true`\n8. Restart Firefox\n\n## Proton UI Issues\n\nThe new Proton UI tab design with floating tabs creates a more disjointed and\nconfusing experience compared to the older approach with connected tabs:\n\n* Tab elements are no longer grouped together. For example, the back and forward\nbuttons control the state of the focused tab, but because they are now\ndisconnected from that tab, visually they look like they would help the user\nnavigate between tabs instead. Switching back to connected tabs results in\nvisually grouping all the controls that are related to the focused tab. This\nfunctionality is apparent to users even before they interact with Firefox for\nthe first time. This argument is almost verbatim the reason\n[why tabs were placed on top](https://www.youtube.com/watch?v=HmgtW2Iw-kE)\nin Firefox 4 more than a decade ago.\n* The new design removes [visual dividers](https://blog.tubikstudio.com/visual-dividers-user-interface/)\nbetween inactive tabs, which makes it challenging to identify where one inactive\ntab ends and the next begins. This results in misclicks and focusing of the\nwrong tab, especially as the number of tabs in the tab bar increases.\n* Finally, the new design removes almost all color from tabs and the address bar.\nIt makes Firefox feel cold and sterile, and results in background and foreground\ncolors not having [sufficient contrast ratio](https://www.w3.org/TR/WCAG21/#non-text-contrast).\nThe contrast ratio between active and inactive tabs is 1.13:1, which is below\nthe recommended minimum of 3:1 for non-text elements. Low contrast interfaces\ncan make it difficult for many users to use. A smidge of color can make all the\ndifference and add a bit of playfulness.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffboulnois%2Fpositron-ui-firefox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffboulnois%2Fpositron-ui-firefox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffboulnois%2Fpositron-ui-firefox/lists"}