diff --git a/layouts/shortcodes/world-map.html b/layouts/shortcodes/world-map.html
index 44814d3..286cb62 100644
--- a/layouts/shortcodes/world-map.html
+++ b/layouts/shortcodes/world-map.html
@@ -65,6 +65,20 @@ function ifkInitMap() {
window._ifkMap.addControl(new maplibregl.NavigationControl({ showCompass: false }), 'top-right');
window._ifkMap.on('load', function() {
+ // Desaturate base map: white land, light gray sea
+ var style = window._ifkMap.getStyle();
+ style.layers.forEach(function(l) {
+ if (l.id === 'background') {
+ window._ifkMap.setPaintProperty(l.id, 'background-color', '#e8e8e8');
+ }
+ if (l.type === 'fill' && (l.id.indexOf('water') >= 0 || l.id.indexOf('ocean') >= 0)) {
+ window._ifkMap.setPaintProperty(l.id, 'fill-color', '#f0f0f0');
+ }
+ if (l.type === 'fill' && (l.id.indexOf('landcover') >= 0 || l.id.indexOf('landuse') >= 0 || l.id.indexOf('park') >= 0)) {
+ window._ifkMap.setPaintProperty(l.id, 'fill-opacity', 0);
+ }
+ });
+
fetch('{{ "data/countries-110m.json" | relURL }}')
.then(function(r) { return r.json(); })
.then(function(topo) {