firefox theme like safari

• ADB and Fastboot
• Samsung Odin
• Android Tips
• Keyboard Shortcuts
• Tools and Utilities

Make Firefox Look Like Safari from macOS Big Sur with WhiteSur Theme

• January 15, 2024

Remember Firefox? The web browser that made it cool to ditch Internet Explorer before Chrome took the crown? It’s still around, although it has fallen from grace, and it has fallen hard. This is not because Firefox is not in the same competitive league as Chrome by the way. There are many advantages to using Firefox . It’s open-sourced and focused on protecting user privacy with features like container tabs, and more powerful extensions. There are many other Firefox-exclusive features, but we’re not going to go there. Because we want to talk about just how customizable Firefox is. So much, by the way, that you can make Firefox look like Safari from macOS Big Sur too.

That includes things like tabs below the address bar and hiding the tab bar when only one tab is open.  Just to be clear, we’re not talking about the regular browser themes here that Chromium-based browsers have too. This is the real thing, with custom CSS that completely changes the look and feel of the browser. Not only that, users can make the browser behave like Safari, instead of Chrome. If you’re worried about having to write CSS code, don’t. Fortunately, many Firefox users freely share their CSS themes online. You simply have to download it, place some files in the right folder, and you are good to go.

We shared a detailed tutorial describing the easy ways to save web pages as PDF on desktop and mobile browsers a while ago. Please check that out as well.

Enable userChrome.css Customization in Firefox

The way Firefox allows such extensive customization is through a CSS file called userChrome.css. You can edit this file to move the tab bar below the navigation toolbar, view multiple rows on your bookmarks toolbar, etc. Since this file is separate from Firefox’s original files you can always delete the file to switch Firefox back to the way it was. To be clear, you can’t add any more features but only modify the layout of the features and elements already in Firefox. But first, you have to enable userChrome.css in Firefox.

• Open Firefox.
• Go to about:config using the address bar.
• Click on I accept the risks when the warning dialogue pops up.
• toolkit.legacyUserProfileCustomizations.stylesheets

• layers.acceleration.force-enabled
• gfx.webrender.all
• gfx.webrender.enabled
• layout.css.backdrop-filter.enabled
• svg.context-properties.content.enabled

Make Firefox Look Like Safari with WhiteSur Theme

The particular Firefox Safari theme we’re going to feature here is made by vinceliuice . This theme is a part of his WhiteSur GTK theme for the GNOME and KDE Plasma desktops.

• WhiteSur GTK Theme

• Extract the downloaded ZIP file anywhere, preferably on the desktop.
• Open the extracted folder named WhiteSur-gtk-theme-master .
• Navigate to /src/other/firefox .
• Copy all the content, i.e. a folder named WhiteSur and two CSS files named userChrome.css and customChrome.css .
• Next, open Firefox.

• Here, create a new folder named Chrome then open it. If you already have a folder named Chrome, just double-click on it to open it.

When Firefox starts up again you will still have Firefox but with Safari’s clothing. Firefox is the only major web browser today that is not using Chromium as its base. It’s the one browser standing between a complete Chromium monopoly. Seeing the ever-decreasing market share though, we’re not sure how long can the browser stay around. Again, that in no way means Firefox is a bad browser. So, make the best of it while you can. You can find more Firefox CSS themes on the r/FirefoxCSS Subreddit. Moreover, you should also try these privacy extensions for Firefox .

Vivek Tiwari

Blogger, Android nerd, Cosmic geek (yes, geek and nerd are not the same, see I know), certified Superman encyclopedia (bragging), local Tech guru. I have been contributing for Technastic and its sister sites for a decade. View Author posts

Related Posts

How to Use Shizuku Apps and Mods on Android

How to Check Battery Health and Status via ADB (Android)

How to Use ADB to Check Apps Running in Background on Android

How to Stop Apps Running in Background on Android

How to Clear PowerShell and CMD Screen and Command History

Samsung Galaxy S24 Bloatware List and Removal Guide

2 thoughts on “make firefox look like safari from macos big sur with whitesur theme”.

I did all the steps properly…Not Working

does this also allow me to swipe right to go to the last page like on safari? i hate how most browsers reload the page, even if you have been there a second before.

Comments are closed.

Firefox WhiteSur theme

A MacOS & Windows Firefox theme to look more like Big Sur Safari. (For Firefox 70+)

Description

Aim is to make Firefox look more like MacOS Big Sur Safari. This is a CSS theme adapted to work on MacOS from the Linux GTK theme. Based on https://github.com/vinceliuice/WhiteSur-gtk-theme/tree/master/src/other/firefox (This is a quick modification, and is not written from scratch.)

Installation (MacOS)

Download the latest release , or clone the repo above. A script has been added to streamline the installation process. Open terminal in the directory of the repo, and run bash install.sh Follow the prompts

Installation flags

The script supports the following flags

• -c To enable close button on the left hand side
• -f To specify the default firefox folder (it will try to find the profile folder to place the theme within)
• -l Default location of most Linux installations
• -u Remove the animation on URL bar to be clickable throughout
• -n Removes the identity colour from tabs
• -r Remove the theme

e.g. To install with script, with close button left hand side: bash install.sh -c

Manual installation (MacOS & Windows)

Copy chrome and configuration folers into your Firefox Profile Directory

To find your Firefox Profile Directory you can:

• Go to about:support in Firefox.
• Application Basics > Profile Directory > Open Directory.
• Copy folders mentioned above into the profile folder. (usually has -release at the end).
• Go to about:config in Firefox.
• Search for toolkit.legacyUserProfileCustomizations.stylesheets and set it to true .
• Restart Firefox.

Manual theme overrides:

To manually add a custom override, copy the *.css from the custom folder of whichever option you are after. Place it in the chrome/WhiteSur/parts foder within the profile directory you opened above. Next, import the .css file you just specified. To do this, open chrome/WhiteSur/theme.css in the same directory above and add the line @import "parts/NAMEOFOPTION.css"; above the line that says @namespace xul... That's it, the theme should load your overriden settings

Swap navbar close buttons on Windows:

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. Follow the directions above for the manual theme override to activate.

Manual colour override:

If 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. If 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.

The tab background colour can be overwritten by themes installed through firefox extentions. e.g. if you are using a dark theme in light mode, tab backgrounds that are inactive are affected. Fix: Change the installed theme to appropriate colour scheme to avoid issues.

If 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. Alternatively, 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

Q: "Why bother doing this, and not just use safari?" A: 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.

If you've found a new bug, please report it as a new issue with the templates provided.

• Embedded/IoT
• Open Source
• System Administration
• Certification
• What is Linux?

How to make Firefox look and feel like IE, Safari, or Opera

Author: Andrew Min

One of the biggest complaints a Firefox evangelist encounters is “it doesn’t act or feel like browser X.” Internet Explorer users complain that Firefox doesn’t look like what they’re used to. Opera, Safari, and Netscape users complain that it’s missing many of their favorite features. And the social networking gurus point to the powerful social networking features Flock boasts and Firefox lacks. However, all these users overlook one of the most powerful features of Firefox: support for third-party add-ons, which can make emulating the features of other browsers extremely simple.

Making Firefox look and feel like Internet Explorer 6

One of the most popular browsers (and the most popular browser for non-techies) is Internet Explorer (IE) 6. When you’re converting relatives to Firefox, IE 6 will most likely be what they’re used to.

If you want to make an inexperienced Windows users comfortable with Firefox, you’ll first want to make Firefox look exactly like IE. To do this, install the Looks Familiar theme. It will change the toolbars, icons, address bar, search bar, tab bar, and throbber to look exactly as they do (or in the case of the search bar, would do) in Internet Explorer 6. If you’re extra picky (or like a good joke), install the Firesomething extension to change the browser’s title to “Microsoft Internet Explorer” (or “Mozilla Internet Explorer” or “Microsoft Firefox”).

Once you have everything looking just right, you can give Firefox the features of Internet Explorer 6. First, make Firefox mask as Internet Explorer 6. Install the User Agent Switcher and then configure it by going to Tools -> Options -> Add-Ons and clicking the Preferences button for User Agent Switcher. Go to the User Agents tab, click Add…, make the User Agent Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) , the App Name Microsoft Internet Explorer , the Version 4.0 (compatible; MSIE 6.0; Windows NT 5.1) , and the Platform Win32 .

Making Firefox look and feel like Internet Explorer 7

If your wannabe geek claims that Internet Explorer 7 fixed all the Internet Explorer 6 vulnerabilities (he must not have been around when the first vulnerability was found six days after the launch ), you can save him from himself by installing Firefox with a few add-ons.

One of the main upgrades found in Internet Explorer 7 is the skin. Personally, I think it’s atrocious unless you’re running it under Vista, but for those who like it, the myFireFox skin will give a basic Internet Explorer 7 feel.

Next, add some IE7 functionality to Firefox. The first step is to install the Firefox Showcase extension, which will display thumbnails of all your open tabs in one page. It will even work with the showcase button in the myFireFox skin. Additionally, you’ll want to use the aforementioned User Agent Switcher to change your user agent to Internet Explorer 7. The setting is built into the add-on; just select it from the drop-down menu.

The only other tool that IE7 adds is a nice RSS reader, but Firefox’s Sage RSS reader is even nicer. It boasts RSS and Atom support, style sheets, bookmarks integration, and tons of languages.

Making Firefox look and feel like Opera

The first step is to make Firefox look like Opera. Kagematuri has a wonderful theme for this purpose, hosted at Im Suden’s blog .

One of the newest features in Opera 9 is Speed Dial, which lets users add up to nine pages to a quick loading launcher. Envious Firefox users can stop drooling and download the Speed Dial extension . Once it’s installed, users can access their favorite sites from the provided portal or with a keyboard shortcut.

One thing I hate in Firefox is that it has a really weak zoom. Unlike Opera (or even Internet Explorer 7), it only zooms text, not images or any other media. That’s where PageZoom comes into play. It will zoom images, Flash videos, and more.

Quite possibly the most touted feature in Opera is the sidebar. Firefox users can get similar capabilities with the All-in-One Sidebar , which lets you view pages, source code, downloads, add-ons, page info, an error console, and as many toolbar buttons as you could wish for.

One of the most useful Opera security tools is the wand, which when clicked automatically enters the username, password, and other form data. To do that in Firefox, try Secure Login .

A real timesaver in Opera is that browser’s use of mouse gestures, which work like hotkeys for your mouse. Luckily, a Firefox user came up with a similar tool called Mouse Gestures (Firefox users can be so uncreative). You can go backwards and forwards in your browsing history, close tabs, make new tabs, and do much more just by moving your mouse.

With Opera 9 and above, you can have your browser read a Web page using text-to-speech conversion. If you miss that feature, try out Fire Vox . It requires quite a few non-Firefox programs to run (see the guide for more information), but it does a great job.

Another nice little feature that Opera had is a widget engine. Frankly, I find it useless; I think widgets should be on the desktop as opposed to in a browser. But if you like widgets, try out Firefoxit , which allows you to run drawing pads, sticky notes, Gmail notifiers, and other little applications within Firefox.

Making Firefox look and feel like Safari

Apple’s Safari is a pretty cool browser, but it’s closed source, runs on Windows and Mac OS X only, and doesn’t have add-on support. If you’re switching from Safari to Firefox, here are some add-ons to make it resemble your old browser.

Making Firefox look like Safari is dead simple: Install the iSafari theme created by Fear Fox. It’s an almost exact replication of Safari’s brushed metal interface. You’ll also want to install Fission to add a Safari-style progress bar.

There are only a few features in Safari that Firefox doesn’t have. One of the best is called SnapBack, which lets you “snap” back to the page you were originally viewing. If you enjoyed that feature in Safari, try out SnapBack or How’d I Get Here .

Another Safari lets users resize text areas to provide for easier editing. Firefox’s Resizable Form Fields goes even further: it lets you resize text areas, select boxes, text fields, and even iframes.

Making Firefox look and feel like Flock

Every time I see a story boasting about the Flock browser’s features, I think, “Why would anyone use that?” Sure, it has nice social networking features, but all those features are available with Firefox.

First off, get the Flock Theme For Firefox . For some reason, the site claims to support only Firefox 1.5, but the theme actually runs on Firefox 1.0-3.0.

Almost everyone uses Facebook, and Flock does a great job of integrating Facebook out of the box (it basically runs a mobile version). However, Firefox can do the same thing with the Official Facebook Toolbar . It includes a toolbar with notifications, a friends sidebar, and a share button.

Flock also integrates well with Flickr, letting you view your friends’ (or anyone else’s) photostreams. Luckily, the Flickrfox add-on will do all of that and more.

If you swear by del.icio.us and love the fact that Flock syncs with its bookmarks, try out Foxylicious . It will sync the remote del.icio.us bookmarks with all the Firefox bookmarks.

Another nice built-in feature in Flock is the ability to blog directly to TypePad, Movable Type, WordPress, and Blogger. But Flock isn’t the only browser that will do this. All you need to do is install Deepest Sender or ScribeFire (formerly Performancing) in Firefox.

Making Firefox look and feel like Netscape

Believe it or not, the main Netscape theme for Firefox was created by the Netscape team. The theme is called Netstripe , and it is basically an exact replica of Netscape 9. Unfortunately, the team didn’t include Linux support (their reasoning was that a tiny search field bug looked bad. I don’t use the search bar so I’d have been fine with that). Therefore, I’ve hacked it for Linux .

You can add a few more Netscape-specific features to Firefox. There really aren’t a ton of features in Netscape that Firefox doesn’t have (it is, after all, built on Firefox). URL Fixer is a great add-on that corrects domain misspellings. A user named Gomita created a program called ScrapBook that is similar to LinkPad. And you can emulate Propeller integration with Propeller.com Friends’ Activity Sidebar and Propeller.com Sitemail Notifier .

You now know how to make Firefox look and feel like virtually any browser. Whenever a fanboy of one of those other browsers explains why his browser “pwns ur fierfox,” you have a weapon to refute him. Or when one of your stubborn in-laws explains that she simply doesn’t have time to learn Firefox, you can show her she doesn’t need to.

• Internet & WWW

RELATED ARTICLES MORE FROM AUTHOR

Maintainer Confidential: Challenges and Opportunities One Year On

Bridging design and runtime gaps: asyncapi in event-driven architecture, implementing opentelemetry natively in an event broker, innovation as a catalyst in telecommunications, linux 6.8 brings more sound hardware support for intel & amd, including the steam deck.

• for Firefox
• Dictionaries & Language Packs
• Other Browser Sites
• Add-ons for Android

Safari - MacOS Monterey Light by notcat

MacOS Safari (Monterey) - Light theme for Firefox

Extension Metadata

Star rating saved

• Support Email
• See all versions

How To : Make your Mozilla FireFox look like Safari

This video shows you how to change you Mozilla Firefox page to look like Safari.

-First go into your Mozilla Firefox page and go to Google . -Next type in Firefox themes and click the very first option that appears. -Download the add on and type into the box Ace Safari. -Next choose the next option and choose blue NOT graphite. -Next allow the install box to pop up and wait for the download to finish. -After this just restart firefox.

Now your Firefox will look like Safari.

Just updated your iPhone? You'll find new emoji, enhanced security, podcast transcripts, Apple Cash virtual numbers, and other useful features. There are even new additions hidden within Safari. Find out what's new and changed on your iPhone with the iOS 17.4 update.

Be the First to Comment

Share your thoughts, how to : zoom in on a google map with the gzoom control, how to : revert the new youtube layout back to how it was, how to : pin favorite friends on top of facebook chat list in ios and android, how to : use google translate as a proxy, how to : find an ip address in hotmail, how to : visualize your complete browsing history in firefox, how to : find music and movies easier using "insite" in google, how to : bypass facebook's privacy and like to see settings, how to : use firefox extension print edit to modify webpages before you print them, how to : disable & uninstall mozilla firefox add-ons (plug-ins, extensions & themes), how to : view all your firefox tabs at once with split tabs, how to : hack photobucket to view private photos, how to : access free wifi by making your own antenna, how to : access the chuck norris trick on google, how to : style documents with the google docs css editor, how to : use terraserver to get satellite images, how to : trace any ip hostname or web address, how to : add friends and neighbors when using last.fm, how to : add the gmail button to toolbar, how to : import private keys to bitcoin wallet (windows).

• All Features

How To : Hide All Your Browser Tabs with One Click in Chrome, Safari, Opera, and Firefox

How to : use twitter lists to organize the people you follow by category.

• All Hot Posts

Search code, repositories, users, issues, pull requests...

Provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FEATURE REQUEST: MAKE THIS THEME ONE LINER LIKE SAFARI 15 #7

kb12000 commented Oct 11, 2023

easonwong-de commented Oct 17, 2023

• ❤️ 1 reaction

Sorry, something went wrong.

kb12000 commented Oct 17, 2023

Easonwong-de commented oct 21, 2023.

• 👀 1 reaction

kb12000 commented Oct 22, 2023

CREATORCorp commented Feb 9, 2024

No branches or pull requests