diff --git a/app/lib/widget/map_browser/view.dart b/app/lib/widget/map_browser/view.dart
index b84c0df3..cc852564 100644
--- a/app/lib/widget/map_browser/view.dart
+++ b/app/lib/widget/map_browser/view.dart
@@ -42,6 +42,9 @@ class _MapViewState extends State<_MapView> {
           onMapCreated: (controller) {
             _clusterManager.setMapId(controller.mapId);
             _mapController = controller;
+            if (Theme.of(context).brightness == Brightness.dark) {
+              controller.setMapStyle(_mapStyleNight);
+            }
             if (state.initialPoint != null) {
               controller.animateCamera(CameraUpdate.newLatLngZoom(
                   state.initialPoint!.toLatLng(), 10));
@@ -455,3 +458,7 @@ class _DateFieldState extends State<_DateField> {
 
   late final _controller = TextEditingController(text: _stringify(widget.date));
 }
+
+// Generated in https://mapstyle.withgoogle.com/
+const _mapStyleNight =
+    '[{"elementType":"geometry","stylers":[{"color":"#242f3e"}]},{"elementType":"labels.text.fill","stylers":[{"color":"#746855"}]},{"elementType":"labels.text.stroke","stylers":[{"color":"#242f3e"}]},{"featureType":"administrative.locality","elementType":"labels.text.fill","stylers":[{"color":"#d59563"}]},{"featureType":"poi","elementType":"labels.text.fill","stylers":[{"color":"#d59563"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#263c3f"}]},{"featureType":"poi.park","elementType":"labels.text.fill","stylers":[{"color":"#6b9a76"}]},{"featureType":"road","elementType":"geometry","stylers":[{"color":"#38414e"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"color":"#212a37"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#9ca5b3"}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#746855"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#1f2835"}]},{"featureType":"road.highway","elementType":"labels.text.fill","stylers":[{"color":"#f3d19c"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#2f3948"}]},{"featureType":"transit.station","elementType":"labels.text.fill","stylers":[{"color":"#d59563"}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#17263c"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#515c6d"}]},{"featureType":"water","elementType":"labels.text.stroke","stylers":[{"color":"#17263c"}]}]';