We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

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

  • 5 fhreagra
  • 1 leis an bhfadhb seo
  • 1 view
  • Freagra is déanaí ó 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.

Réiteach roghnaithe

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
  • Top 25 Contributor
  • Moderator
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.

Athraithe ag James ar

James
James
  • Top 25 Contributor
  • Moderator
more options

Réiteach Roghnaithe

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

Athraithe ag James ar

tailonfire
tailonfire Úinéir na ceiste
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!

Athraithe ag tailonfire ar

tailonfire
tailonfire Úinéir na ceiste
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?

Athraithe ag tailonfire ar