Hide Google Doodles

For years, Google used to surprise us with an occasional doodle, usually around the holidays or on other special occasions. Then they started hiring professional doodlers to inundate us with a different doodle every day - illustrations, animations, games, etc. I generally find them distracting though. If you love them, then this isn't the post for you.

Get the Browser Addon

Hey, you're still here. Great. If you find Google doodles distracting, I've got a browser addon that'll help. It simply replaces doodles with the default logo, for a less distracting search experience. It also sets the logo to the default on a few other Google-owned sites like Gmail.

  • Available for Firefox.
  • Available for Chrome. (To hide doodles on the New Tab page, click the "Customize this page" gear icon in the lower right corner and choose a color or image, or upload your own.)
  • Chrome addons work natively in Brave.
  • Chrome addons work in Opera with an additional addon. You'll also have to right-click the extension icon, go to Manage Extensions, and select "Allow access to search page results".

You can read more about my first attempt using CSS, and then my second attempt using JS (with better results).

Permissions

It requests permission to read and change data on google.com and a couple hundred similarly named domains (google.ca, google.es, etc), because it's modifying the HTML on those domains (by replacing the doodle element).

If you're interested, I used match patterns to ensure the extension only runs for Google's domains. Many extensions don't bother, so theirs run for every site, and anyone installing it gets a request to allow it to update all sites or whatever. So I added google.com... and then realized Google owns a lot of domains. Now my list is closer to like 200 entries.

Source Code

The source code is available on GitHub.

How's it work?

There are two doodle logo elements - a large one on the main search portal, and a small one on the search results page. The addon uses mutation observers via the arrive.js library to monitor for the arrival of those elements and, the moment the element (the doodle) arrives, it replaces it with the default.

Contributions / Questions

If you have a fix, open a PR in GitHub. If you have a question or comment, open an issue. I'll get to things as time permits.

Alternatives

If you don't want another addon, here's a couple other thoughts.

Ad blockers

Got an ad blocker? Right, who doesn't. Look for an area where you can add your own patterns to filter, then add a pattern like this to hide the doodle element, leaving an empty area. It should work for Firefox too.

google.*/logos/doodles

It just blocks any google domain (google.com, google.ca, etc) that includes the logos/doodles path, which is where the doodles are stored.

Stylus

If you already use the Stylus extension (Chrome / Firefox), try out the Google: Force Default Logo style. It replaces Google's doodles with the standard logo.


Author

Grant Winney

I write when I've got something to share - a personal project, a solution to a difficult problem, or just an idea. We learn by doing and sharing. We've all got something to contribute.

Comments