diff --git a/assets/css/blue/overrides.css b/assets/css/blue/overrides.css
index a7072ecc..6b73a4ac 100644
--- a/assets/css/blue/overrides.css
+++ b/assets/css/blue/overrides.css
@@ -47,7 +47,10 @@ path.grid-worked {
 }
 
 #map,
-#qsomap {
+#qsomap,
+#mapqso,
+#gridsquare_map,
+#custommap {
 	background-color: #2e3e50;
 }
 
diff --git a/assets/css/cyborg/overrides.css b/assets/css/cyborg/overrides.css
index ff5bd366..aa082170 100644
--- a/assets/css/cyborg/overrides.css
+++ b/assets/css/cyborg/overrides.css
@@ -41,8 +41,11 @@ path.grid-worked {
 }
 
 #map,
-#qsomap {
-	background-color: #000;
+#qsomap,
+#mapqso,
+#gridsquare_map,
+#custommap {
+	background-color: #2d3537;
 }
 
 .leaflet-popup-content h3 {
diff --git a/assets/css/darkly/overrides.css b/assets/css/darkly/overrides.css
index f4327430..31f6df55 100644
--- a/assets/css/darkly/overrides.css
+++ b/assets/css/darkly/overrides.css
@@ -59,8 +59,11 @@ path.grid-worked {
 }
 
 #map,
-#qsomap {
-	background-color: #222;
+#qsomap,
+#mapqso,
+#gridsquare_map,
+#custommap {
+	background-color: #343d3f;
 }
 
 /* 
diff --git a/assets/css/superhero/overrides.css b/assets/css/superhero/overrides.css
index a7072ecc..31e59848 100644
--- a/assets/css/superhero/overrides.css
+++ b/assets/css/superhero/overrides.css
@@ -47,8 +47,11 @@ path.grid-worked {
 }
 
 #map,
-#qsomap {
-	background-color: #2e3e50;
+#qsomap,
+#mapqso,
+#gridsquare_map,
+#custommap {
+	background-color: #353c4a;
 }
 
 /*