{"id":13474046,"url":"https://github.com/p3rception/GlassFox","last_synced_at":"2025-03-26T20:31:54.317Z","repository":{"id":214765312,"uuid":"737304633","full_name":"p3rception/GlassFox","owner":"p3rception","description":"// Transluscent FirefoxCSS theme for MacOS","archived":false,"fork":false,"pushed_at":"2024-01-21T19:20:52.000Z","size":35948,"stargazers_count":21,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T12:54:58.356Z","etag":null,"topics":["css","firefox","firefox-customization","firefox-mac","firefox-theme","firefox-userchrome","firefox-userchromecss","firefoxcss","translucent","transparent","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/p3rception.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-30T14:52:13.000Z","updated_at":"2025-03-23T15:44:53.000Z","dependencies_parsed_at":"2023-12-31T00:24:40.428Z","dependency_job_id":"da458a7d-9c80-420a-a6fe-7ba0911a4634","html_url":"https://github.com/p3rception/GlassFox","commit_stats":null,"previous_names":["p3rception/firefoxcss-theme","p3rception/glassfox"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/p3rception%2FGlassFox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/p3rception%2FGlassFox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/p3rception%2FGlassFox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/p3rception%2FGlassFox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/p3rception","download_url":"https://codeload.github.com/p3rception/GlassFox/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245731605,"owners_count":20663213,"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":["css","firefox","firefox-customization","firefox-mac","firefox-theme","firefox-userchrome","firefox-userchromecss","firefoxcss","translucent","transparent","userchrome","userchromecss"],"created_at":"2024-07-31T16:01:09.129Z","updated_at":"2025-03-26T20:31:49.307Z","avatar_url":"https://github.com/p3rception.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"![](/media/glassfox.png)\n\u003chr\u003e\n\n## What is FirefoxCSS\nMozilla Firefox provides the ability to fully customise your browser using custom CSS. You can find more here [r/FirefoxCSS](https://www.reddit.com/r/FirefoxCSS/).\n\n## Installation\n1. Go to about:config and update toolkit.legacyUserProfileCustomizations.stylesheets to true.\n2. Go to about:support and click \"Show in Finder\" in the Profile Folder field.\n3. Click on folder containing all core Firefox files\n4. Paste the entire \"chrome\" folder from this repository and restart Firefox.\n\n## Acknowledgements\n- https://github.com/zvuc/firefox-macos-native-tabbar\n- https://github.com/datguypiko/Firefox-Mod-Blur\n- https://github.com/dannycandle/FluidFox\n- https://github.com/Hann8n/Atom-for-Firefox\n- https://github.com/Soft-Bred/Brave-Fox\n\n## GlassFox\n- Tested only in MacOS.\n- Fully transparent and transluscent.\n- White pixel-sized border for the url-bar and the active tab.\n- Centered url-bar.\n- Brave Browser (and some Safari) Icons (all [available](/chrome/brave-icons/), not all used). \n\n![](/media/firefox.png)\n\n## Update 21/1\n- Added rounded corners and white border for app-content. IMO it amplifies the modern look.\n\n![](/media/rounded-appcontent.png)\n\n### (Optional) Custom Bookmarks Bar\n- Safari-like text-only bookmarks with an icon animation twist.\n- Place the contents of `bookmark-animation.css` to `userChrome.css`.\n\n![](/media/bookmark-animation.gif)\n\n### (Optional) Stretched tabs\n- That's a second version of the skin that has Safari-like stretched tabs.\n- I removed URL-bar's border as I think it complicates the minimal aspect of the theme.\n- To achieve this you need change/add the following in `userChrome.css`:\n```\n#urlbar-background {\n    border: none !important;\n}\n```\n```\n/* Stretch Tabs */\n.tabbrowser-tab[fadein]:not([pinned]) {\n    max-width: none !important;\n}\n```\n\n![](/media/stretch-tabs.gif)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fp3rception%2FGlassFox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fp3rception%2FGlassFox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fp3rception%2FGlassFox/lists"}