37 lines
1.0 KiB
CSS
37 lines
1.0 KiB
CSS
|
/* Leaflet map styling for the dark app shell. */
|
||
|
|
|
||
|
|
/* Our inline-SVG pin uses a divIcon; strip Leaflet's default white box. */
|
||
|
|
.leaflet-div-icon.pmn-map-pin {
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* OSM tiles are light — tone them to match the dark UI. Only the tile pane is
|
||
|
|
filtered, so markers, popups and controls keep their real colors. */
|
||
|
|
.pmn-map-dark .leaflet-tile-pane {
|
||
|
|
filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Popups on the dark surface. */
|
||
|
|
.pmn-map-dark .leaflet-popup-content-wrapper {
|
||
|
|
background: #16161f;
|
||
|
|
color: #fff;
|
||
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
|
|
border-radius: 0.75rem;
|
||
|
|
}
|
||
|
|
.pmn-map-dark .leaflet-popup-tip {
|
||
|
|
background: #16161f;
|
||
|
|
}
|
||
|
|
.pmn-map-dark .leaflet-popup-content a {
|
||
|
|
color: #818cf8;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Attribution + controls readability on dark. */
|
||
|
|
.pmn-map-dark .leaflet-control-attribution {
|
||
|
|
background: rgba(9, 9, 11, 0.7);
|
||
|
|
color: rgba(255, 255, 255, 0.4);
|
||
|
|
}
|
||
|
|
.pmn-map-dark .leaflet-control-attribution a {
|
||
|
|
color: rgba(255, 255, 255, 0.6);
|
||
|
|
}
|