From a4b810f16b0985c440739dd96244ad0e28ff5798 Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Fri, 27 Aug 2021 02:53:08 -0600 Subject: [PATCH] Fix map popup text being white on white in dark theme --- www/assets/css/app.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/www/assets/css/app.css b/www/assets/css/app.css index 12f1987..b8e8ecb 100644 --- a/www/assets/css/app.css +++ b/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); } \ No newline at end of file