diff --git a/app/package-lock.json b/app/package-lock.json
index 9bfdbf2d..34e5a969 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -22,7 +22,7 @@
         "maplibre-gl": "^2.1.9",
         "pbf": "^3.2.1",
         "protomaps": "^1.19.0",
-        "protomaps-themes-base": "1.1.1",
+        "protomaps-themes-base": "1.2.0",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-dropzone": "^14.1.1",
@@ -2697,9 +2697,9 @@
       }
     },
     "node_modules/protomaps-themes-base": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/protomaps-themes-base/-/protomaps-themes-base-1.1.1.tgz",
-      "integrity": "sha512-LlI+6wdTmfolpP+jfxFgv4t070EMj8og9x6jaCM862H5Owb8RyDisnRGr6LST2l7i2m0z+20xmKKoUIx9a+VCQ=="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/protomaps-themes-base/-/protomaps-themes-base-1.2.0.tgz",
+      "integrity": "sha512-SktPnoJBhcbilzXBQYBVhnvFa5x34JHXc/9ZVpTvUGqHDkxtlExrQSwSuAmfoLOCE6/FueXJDDk+EuSjDCefKA=="
     },
     "node_modules/protomaps/node_modules/@mapbox/unitbezier": {
       "version": "0.0.0",
diff --git a/app/package.json b/app/package.json
index 51991ffc..4f19bdd1 100644
--- a/app/package.json
+++ b/app/package.json
@@ -22,7 +22,7 @@
     "maplibre-gl": "^2.1.9",
     "pbf": "^3.2.1",
     "protomaps": "^1.19.0",
-    "protomaps-themes-base": "1.1.1",
+    "protomaps-themes-base": "1.2.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-dropzone": "^14.1.1",
diff --git a/app/src/MaplibreMap.tsx b/app/src/MaplibreMap.tsx
index cba55154..deb210dc 100644
--- a/app/src/MaplibreMap.tsx
+++ b/app/src/MaplibreMap.tsx
@@ -102,7 +102,7 @@ const vectorStyle = async (file: PMTiles): Promise<any> => {
   let layers: any[] = [];
 
   if (metadata.type !== "baselayer") {
-    layers = base_theme("basemap", "dark");
+    layers = base_theme("basemap", "black");
     layers[0].paint["background-color"] = "black";
   }