Merge pull request #27920 from ishpaul777/fix/RightModal-OverlayBG-color

Expensify · Sep 25, 2023 · e6a621a · e6a621a
2 parents bcc2ddb + 728440d
commit e6a621a
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 6 deletions.
diff --git a/src/CONST.ts b/src/CONST.ts
@@ -123,8 +123,6 @@ const CONST = {
         },
     },
 
-    RIGHT_MODAL_BACKGROUND_OVERLAY_OPACITY: 0.4,
-
     NEW_EXPENSIFY_URL: ACTIVE_EXPENSIFY_URL,
     APP_DOWNLOAD_LINKS: {
         ANDROID: `https://play.google.com/store/apps/details?id=${ANDROID_PACKAGE_NAME}`,

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -1500,7 +1500,7 @@ const styles = (theme) => ({
         top: 0,
         bottom: 0,
         right: 0,
-        backgroundColor: theme.shadow,
+        backgroundColor: theme.overlay,
         opacity: current.progress.interpolate({
             inputRange: [0, 1],
             outputRange: [0, variables.overlayOpacity],

diff --git a/src/styles/themes/default.js b/src/styles/themes/default.js
@@ -36,7 +36,7 @@ const darkTheme = {
     signInPage: colors.green800,
 
     // Additional keys
-    overlay: colors.darkHighlightBackground,
+    overlay: colors.darkBorders,
     inverse: colors.darkPrimaryText,
     shadow: colors.black,
     componentBG: colors.darkAppBackground,

diff --git a/src/styles/themes/light.js b/src/styles/themes/light.js
@@ -34,7 +34,7 @@ const lightTheme = {
     signInPage: colors.green800,
 
     // Additional keys
-    overlay: colors.lightHighlightBackground,
+    overlay: colors.lightBorders,
     inverse: colors.lightPrimaryText,
     shadow: colors.black,
     componentBG: colors.lightAppBackground,

diff --git a/src/styles/variables.ts b/src/styles/variables.ts
@@ -89,7 +89,7 @@ export default {
     optionRowHeight: 64,
     optionRowHeightCompact: 52,
     optionsListSectionHeaderHeight: getValueUsingPixelRatio(32, 38),
-    overlayOpacity: 0.6,
+    overlayOpacity: 0.72,
     lineHeightXSmall: getValueUsingPixelRatio(11, 17),
     lineHeightSmall: getValueUsingPixelRatio(14, 16),
     lineHeightNormal: getValueUsingPixelRatio(16, 21),