Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How can I get the map in Google Map in a sort of dark/night mode?

  • 5 replies
  • 1 has this problem
  • 762 views
  • Last reply by tailonfire

tailonfire
tailonfire
more options

I use Firefox on Linux Mint. I have an extension called Dark Background and Light Text (https://addons.mozilla.org/en-US/firefox/addon/dark-background-light-text/) that turns virtually every page into a night-mode page. But still, Google Maps is bright and white.

I want my Google Maps to look something like the Google Map on https://developers.google.com/maps/documentation/javascript/examples/style-array#try-it-yourself or like on https://snazzymaps.com/style/127404/simple-night-vision-stranger-thing

So what must I do to see a dark-themed Google Map when I point my browser to maps.google.com?

Thanks.

I use Firefox on Linux Mint. I have an extension called Dark Background and Light Text (https://addons.mozilla.org/en-US/firefox/addon/dark-background-light-text/) that turns virtually every page into a night-mode page. But still, Google Maps is bright and white. I want my Google Maps to look something like the Google Map on https://developers.google.com/maps/documentation/javascript/examples/style-array#try-it-yourself or like on https://snazzymaps.com/style/127404/simple-night-vision-stranger-thing So what must I do to see a dark-themed Google Map when I point my browser to maps.google.com? Thanks.

Chosen solution

With the Stylish extension you can install this google-maps-dark-nightmode-invert-maps userstyle.

Read this answer in context 👍 1

All Replies (5)

WestEnd
WestEnd
more options

In Windows to make those types of changes one must now use userchrome.css to make customization or create their own userchrome.css that will give them what they are looking for. Beyond the standard FF layout any customization will not be had from Mozilla but other users making their own customization layout.

James
James
  • Moderator
  • Top 10 Contributor
more options

WestEnd, the OP is referring to a site like maps.google.com and not the browser user interface. Also it is userChrome.css and not userchrome.css. To change and appearance of a site that would be userContent.css though I do not have any examples for say maps.google.com

Besides Linux users can theme Firefox to an exent with GTK3 themes so one does not need userChrome.css for the UI.

Modified by James

James
James
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

With the Stylish extension you can install this google-maps-dark-nightmode-invert-maps userstyle.

Modified by James

tailonfire
tailonfire Question owner
more options

Thanks, James!

Check out the beautiful screenshot! I've added screenshots of "GoogleMap API" map and the SnazzyMap map too.

The "GoogleMap API" map is too white still!

Modified by tailonfire

tailonfire
tailonfire Question owner
more options

James said

With the Stylish extension you can install this google-maps-dark-nightmode-invert-maps userstyle.

How can I stop the userstyle from inverting StreetView and Satellite View?

Modified by tailonfire