JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<div id="map" style="width: 600px; height: 400px"></div>
CSS
.leaflet-tile {
-webkit-filter: brightness(1) contrast(200%);
filter: brightness(1) contrast(200%);
}
JavaScript
var layer = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}'
);
var map = L.map('map', {
scrollWheelZoom: false,
center: [40.7127837, -74.0059413],
zoom: 6
});
map.addLayer(layer);