Fix map popup text being white on white in dark theme

www/assets/css/app.css

@@ -184,4 +184,22 @@ Framework7 and FontAwesome both have a .fab class
 
 .card.pointercursor {
     cursor: pointer;
+}
+
+.mapboxgl-popup-content {
+    color: var(--f7-text-color);
+    background-color: var(--f7-page-bg-color);
+}
+
+.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
+    border-bottom-color: var(--f7-page-bg-color);
+}
+.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip, .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip, .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
+    border-top-color: var(--f7-page-bg-color);
+}
+.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
+    border-right-color: var(--f7-page-bg-color);
+}
+.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
+    border-left-color: var(--f7-page-bg-color);
 }