From 9eeacb60028d1aefaea434a894980a9a42367450 Mon Sep 17 00:00:00 2001
From: Georgia Monahan <georgia@expensify.com>
Date: Mon, 18 Sep 2023 14:03:02 +0800
Subject: [PATCH] Fix deprecated dark key for lounge access page

---
 src/pages/settings/Profile/LoungeAccessPage.js | 2 +-
 src/styles/themes/default.js                   | 1 +
 src/styles/themes/light.js                     | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/settings/Profile/LoungeAccessPage.js b/src/pages/settings/Profile/LoungeAccessPage.js
index ce047bd9ccae..c322c8e426f3 100644
--- a/src/pages/settings/Profile/LoungeAccessPage.js
+++ b/src/pages/settings/Profile/LoungeAccessPage.js
@@ -66,7 +66,7 @@ function LoungeAccessPage(props) {
 
     const overlayContent = () => (
         <LinearGradient
-            colors={[`${themeColors.dark}00`, themeColors.dark]}
+            colors={[`${themeColors.loungeAccessOverlay}00`, themeColors.loungeAccessOverlay]}
             style={[styles.pAbsolute, styles.w100, styles.h100]}
         >
             <View style={[styles.flex1, styles.justifyContentCenter, styles.alignItemsCenter, styles.pt5]}>
diff --git a/src/styles/themes/default.js b/src/styles/themes/default.js
index c101a668666b..6abc8d7e4463 100644
--- a/src/styles/themes/default.js
+++ b/src/styles/themes/default.js
@@ -82,6 +82,7 @@ const darkTheme = {
     skeletonLHNOut: colors.darkDefaultButton,
     QRLogo: colors.green400,
     starDefaultBG: 'rgb(254, 228, 94)',
+    loungeAccessOverlay: colors.blue800,
 };
 
 darkTheme.PAGE_BACKGROUND_COLORS = {
diff --git a/src/styles/themes/light.js b/src/styles/themes/light.js
index 1a945cb84913..69127e19ae14 100644
--- a/src/styles/themes/light.js
+++ b/src/styles/themes/light.js
@@ -81,6 +81,7 @@ const lightTheme = {
     skeletonLHNOut: colors.lightDefaultButtonPressed,
     QRLogo: colors.green400,
     starDefaultBG: 'rgb(254, 228, 94)',
+    loungeAccessOverlay: colors.blue800,
 };
 
 lightTheme.PAGE_BACKGROUND_COLORS = {