From 7fe488a2d17fdaace67896bba009c302ec8910d0 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Tue, 26 Sep 2023 19:22:17 +0800
Subject: [PATCH] create a new theme color for map attribution text

---
 src/components/MapView/MapView.web.tsx | 2 +-
 src/styles/themes/default.js           | 1 +
 src/styles/themes/light.js             | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/MapView/MapView.web.tsx b/src/components/MapView/MapView.web.tsx
index 4d445cc216c9..52f953e0d3bd 100644
--- a/src/components/MapView/MapView.web.tsx
+++ b/src/components/MapView/MapView.web.tsx
@@ -91,7 +91,7 @@ const MapView = forwardRef<MapViewHandle, MapViewProps>(
                         latitude: initialState.location[1],
                         zoom: initialState.zoom,
                     }}
-                    style={StyleUtils.getTextColorStyle(themeColors.shadow) as React.CSSProperties}
+                    style={StyleUtils.getTextColorStyle(themeColors.mapAttributionText) as React.CSSProperties}
                     mapStyle={styleURL}
                 >
                     {waypoints?.map(({coordinate, markerComponent, id}) => {
diff --git a/src/styles/themes/default.js b/src/styles/themes/default.js
index ffa34132c081..75db4be30e2b 100644
--- a/src/styles/themes/default.js
+++ b/src/styles/themes/default.js
@@ -83,6 +83,7 @@ const darkTheme = {
     QRLogo: colors.green400,
     starDefaultBG: 'rgb(254, 228, 94)',
     loungeAccessOverlay: colors.blue800,
+    mapAttributionText: colors.black,
 };
 
 darkTheme.PAGE_BACKGROUND_COLORS = {
diff --git a/src/styles/themes/light.js b/src/styles/themes/light.js
index cebd325ee4eb..8bc149c5af08 100644
--- a/src/styles/themes/light.js
+++ b/src/styles/themes/light.js
@@ -81,6 +81,7 @@ const lightTheme = {
     QRLogo: colors.green400,
     starDefaultBG: 'rgb(254, 228, 94)',
     loungeAccessOverlay: colors.blue800,
+    mapAttributionText: colors.black,
 };
 
 lightTheme.PAGE_BACKGROUND_COLORS = {