{"id":13474937,"url":"https://github.com/pellaeon/firefox-91plus-photon-userchrome","last_synced_at":"2025-07-09T19:31:50.677Z","repository":{"id":42849105,"uuid":"395953609","full_name":"pellaeon/firefox-91plus-photon-userchrome","owner":"pellaeon","description":"userChrome.css to restore the classic Photon look on Firefox 91+","archived":false,"fork":false,"pushed_at":"2022-03-26T16:10:59.000Z","size":123,"stargazers_count":49,"open_issues_count":5,"forks_count":9,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-10-30T08:51:08.306Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/pellaeon.png","metadata":{"files":{"readme":"README.md","changelog":null,"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-08-14T09:10:00.000Z","updated_at":"2024-09-19T09:58:01.000Z","dependencies_parsed_at":"2022-09-22T03:02:42.020Z","dependency_job_id":null,"html_url":"https://github.com/pellaeon/firefox-91plus-photon-userchrome","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/pellaeon%2Ffirefox-91plus-photon-userchrome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pellaeon%2Ffirefox-91plus-photon-userchrome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pellaeon%2Ffirefox-91plus-photon-userchrome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pellaeon%2Ffirefox-91plus-photon-userchrome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pellaeon","download_url":"https://codeload.github.com/pellaeon/firefox-91plus-photon-userchrome/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225587811,"owners_count":17492632,"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":[],"created_at":"2024-07-31T16:01:16.087Z","updated_at":"2024-11-20T15:52:32.119Z","avatar_url":"https://github.com/pellaeon.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# Restore classic Photon look on Firefox 91+\n\n1. Enable `userChrome.css` by setting `toolkit.legacyUserProfileCustomizations.stylesheets` preference value to `true` in `about:config`.\n1. Copy the `chrome` folder into your profile folder.\n2. Change the `browser.tabs.tabMinWidth` preference value to `76`, which is the default value on Photon.\n\n# Screenshots\n\nFirefox 78 ESR:\n\n![Firefox 78 ESR](https://raw.githubusercontent.com/pellaeon/firefox-91plus-photon-userchrome/master/screenshots/Firefox%2078%20ESR.png)\n\nFirefox 91 with this userChrome.css:\n\n![Firefox 91 with this userChrome.css](https://raw.githubusercontent.com/pellaeon/firefox-91plus-photon-userchrome/master/screenshots/Firefox%2091-after.png)\n\n# Additional tweaks\n\nThis configuration contains a few non-Photon changes which I find convenient:\n\n1. `@import \"tab_line_loading_indicator.css\";`\n2. Disable the tab label mask, which makes the text label on the tab button hard to read.\n3. Proton's enlarged close button on tabs are kept.\n4. Media mute button on tabs does not replace the tab favicon, but it's not in the Photon style, which puts the mute button next to the left of close button.\nBecause Proton changed the HTML structure of the mute button, it would be difficult to put the mute button back to the Photon position, so instead I moved the mute button to become \"superscripted\" to the favicon, similar to how Proton handle mute buttons on pinned tabs.\n\n# Notes\n\nThis tweak is not perfect. I focused on undoing the most annoying change introduced in Proton:\n\n1. The larger meaningless margin on the tab bar and navigation bar.\n2. \"Tabs\" don't look like tabs anymore. They should be connected to the parts below.\n3. `tabMinWidth` is so small that only the first character of the tab title is visible when you have many tabs open. See [screenshot](https://github.com/pellaeon/firefox-91plus-photon-userchrome/blob/master/screenshots/Firefox%2091-minwidth50.png).\n\nThere are many other parts changed by Proton, but these are less annoying in my opinion. If I have time, I will also try to revert them as well.\n\nThis tweak has only been tested on macOS 11.5.1 so far. I will improve it for KDE later.\n\n# Sources\n\nMost of the CSS files come from https://github.com/MrOtherGuy/firefox-csshacks , but I tweaked it further.\n\n# License\n\nMozilla Public License 2.0\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpellaeon%2Ffirefox-91plus-photon-userchrome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpellaeon%2Ffirefox-91plus-photon-userchrome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpellaeon%2Ffirefox-91plus-photon-userchrome/lists"}