{"id":13475263,"url":"https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS","last_synced_at":"2025-03-26T23:30:40.004Z","repository":{"id":41053149,"uuid":"306794068","full_name":"AdamXweb/WhiteSurFirefoxThemeMacOS","owner":"AdamXweb","description":"MacOS Big Sur like theme for Firefox on MacOS \u0026 Windows. Make your Firefox look like Safari.","archived":false,"fork":false,"pushed_at":"2025-03-11T09:04:42.000Z","size":9427,"stargazers_count":549,"open_issues_count":31,"forks_count":33,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-03-11T09:33:48.435Z","etag":null,"topics":["big-sur","firefox","firefox-theme","macos","macos-big-sur","safari","whitesur-theme","windows"],"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/AdamXweb.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":"2020-10-24T03:02:41.000Z","updated_at":"2025-03-11T09:04:46.000Z","dependencies_parsed_at":"2023-02-16T16:00:48.812Z","dependency_job_id":"75640968-917e-4f52-adc4-291856edb68b","html_url":"https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS","commit_stats":null,"previous_names":[],"tags_count":28,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamXweb%2FWhiteSurFirefoxThemeMacOS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamXweb%2FWhiteSurFirefoxThemeMacOS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamXweb%2FWhiteSurFirefoxThemeMacOS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamXweb%2FWhiteSurFirefoxThemeMacOS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AdamXweb","download_url":"https://codeload.github.com/AdamXweb/WhiteSurFirefoxThemeMacOS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245753824,"owners_count":20666819,"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":["big-sur","firefox","firefox-theme","macos","macos-big-sur","safari","whitesur-theme","windows"],"created_at":"2024-07-31T16:01:18.809Z","updated_at":"2025-03-26T23:30:39.983Z","avatar_url":"https://github.com/AdamXweb.png","language":"CSS","readme":"## Firefox WhiteSur theme\n\u003cp align=\"center\"\u003e\n\u003cimg width=\"120\" src=\"https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS/raw/master/githubpreview/safarifirefox.png?raw=true\"\u003e\n\t\u003cbr\u003e\nA \u003ccode\u003eMacOS\u003c/code\u003e \u0026 \u003ccode\u003eWindows\u003c/code\u003e Firefox theme to look more like Big Sur Safari. (For Firefox 70+)\u003c/p\u003e\n\n![Preview](githubpreview/whitesur.gif?raw=true)\n\n## Description\n\nAim is to make Firefox look more like MacOS Big Sur Safari.\\\nThis is a CSS theme adapted to work on MacOS from the Linux GTK theme.\\\nBased on https://github.com/vinceliuice/WhiteSur-gtk-theme/tree/master/src/other/firefox \\\n(This is a quick modification, and is not written from scratch.)\n\n## Installation (MacOS)\n\nDownload the [latest release](https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS/releases/), or clone the repo above.\\\nA script has been added to streamline the installation process.\\\nOpen terminal in the directory of the repo, and run `bash install.sh`\\\nFollow the prompts\n\n### Installation flags\n\nThe script supports the following flags\n- `-c` Left hand side tab close button\n- `-w` Left hand side window close button\n- `-p` Makes tabs height compact like current Safari\n- `-f` To specify the default firefox folder (it will try to find the profile folder to place the theme within)\n- `-l` Default location of most Linux installations\n- `-u` Remove the animation on URL bar to be clickable throughout\n- `-n` Removes the identity colour from tabs\n- `-v` Re-enables the tabview button\n- `-e` Hides the extension button\n- `-s` Single tab view (Tabs hidden when only one tab)\n- `-r` Remove the theme\n\ne.g. To install with script, with the tab close button left hand side: `bash install.sh -c` \n\n#### Optimal experience:\nMake sure to right click and Customize Toolbar. From here, drag the new tab button up to the toolbar out of the tab section.\n\nInstall with the following modifications for Safari-like experience\n` bash ./install.sh -c -n -s -e -p`\n\nThis will give you a look like this:\n![Preview](https://private-user-images.githubusercontent.com/6800453/391326706-1bb5ffe4-3320-4a8a-8702-648ce3b9f23c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzMwNTE0OTcsIm5iZiI6MTczMzA1MTE5NywicGF0aCI6Ii82ODAwNDUzLzM5MTMyNjcwNi0xYmI1ZmZlNC0zMzIwLTRhOGEtODcwMi02NDhjZTNiOWYyM2MucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MTIwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDEyMDFUMTEwNjM3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTZjMzgyM2Y0NzMzZmY2NjE5ZmU4MDhiYzc2OGQyYzcwZjE2NWIwNzhmNmM2ZmQ1MTMyZWFhYWI1YzRkNWI0MyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.4pM0PJgYSjpWUnJRiIYVphkyIMKA1wnGDALqaIHXgk8)\n\n### Manual installation (MacOS \u0026 Windows)\n\nCopy `chrome` and `configuration` folders into your Firefox Profile Directory\n\nTo find your Firefox Profile Directory you can:\n\n1. Go to `about:support` in Firefox.\n2. Application Basics \u003e Profile Directory \u003e Open Directory.\n3. Copy folders mentioned above into the profile folder. (usually has `-release` at the end).\n4. If you are using Firefox 69+:\n\t1. Go to `about:config` in Firefox.\n\t2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`.\n5. Restart Firefox.\n6. Done!\n\n#### Manual theme overrides:\nTo manually add a custom override, copy the `*.css` from the `custom` folder of whichever option you are after. Place it in the `chrome/WhiteSur/custom` foder within the profile directory you opened above.\\\n\nThat's it, the theme should load your overriden settings\n\n#### Swap navbar close buttons on Windows:\n`windows-swapclose.css` contains the styles required to swap the close buttons, as well as to re-order the close button from MacOS styling to Windows.\nFollow the directions above for the manual theme override to activate.\nCan be installed with the `-w` command on the install script\n#### Swap tab close button side\n`tabs-swapclose.css` contains styles to place the close button for the tab on the left hand side for consistency with Safari. Can be installed with the `-c` command on the install script\n\n### Manual colour override:\n\nThe theme obeys your system UI colour preferences. If you want to override it e.g. always have the dark theme, then you'll have to do the following.\\\nThe solution if you don't want to change your System UI colour is to do add the following to your `about:config`\\\nAdd: `ui.systemUsesDarkTheme` with the number value with 1 for dark, and 0 for light.\\\n![Screen Shot 2021-05-04 at 7 10 19 pm](https://user-images.githubusercontent.com/6800453/116982626-60317980-ad0c-11eb-96aa-0879b05c98fc.png)\n\nPlease note, you won't be able to change the System UI colour if you are using `privacy.resistFingerprinting`. This apparently is for both web pages and the System UI.\n\n## Known bugs\n\nIf it is a fresh install of Firefox, the script for MacOS should enable the settings automatically, however users who have toggled settings may need to do the `about:config` in step 4 above.\\\nIf for any reason the WhiteSur theme doesn't activate after using the script, follow steps 4.1 and 4.2 to toggle the stylesheets from within the Firefox settings.\n\nThe tab background colour can be overwritten by themes installed through firefox extentions.\ne.g. if you are using a dark theme in light mode, tab backgrounds that are inactive are affected.\nFix: Change the installed theme to appropriate colour scheme to avoid issues.\n\nIf you're looking to change the directory to run the script, you can always type `bash` then drag the file into terminal. You can also type `cd` and then drag the folder and press enter to navigate to the directory.\\\nAlternatively, if you're running Catalina, the default teminal is zsh, meaning you can change folders by typing the name to enter the folder e.g. `WhiteSurFirefoxThemeMacOS`\n\n\nQ: \"Why bother doing this, and not just use safari?\" \\\nA: I've used safari for quite a few years, and was rather disappointed with the change in extensions, particularly with content blocking. This prompted me to use uBlock origin on Firefox, and to customise it to have the best aesthetics, and simplest transition.\n\n### New bugs\n\nIf you've found a new bug, please report it as a new issue with the templates provided.\n\nThanks!\n\n## Screenshots\n\n### Windows\n![Preview](githubpreview/whitesurwindows.gif?raw=true)\n\n\n### MacOS\n![Preview](githubpreview/whitesur.gif?raw=true)\n\n","funding_links":[],"categories":["CSS"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAdamXweb%2FWhiteSurFirefoxThemeMacOS","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAdamXweb%2FWhiteSurFirefoxThemeMacOS","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAdamXweb%2FWhiteSurFirefoxThemeMacOS/lists"}