From 62063966a9a3fe659d3f694f5ff7c7520dffb39c Mon Sep 17 00:00:00 2001
From: vineyardbovines <spencerfpope@gmail.com>
Date: Mon, 1 Jun 2026 14:33:15 -0400
Subject: [PATCH] more opaque on android

---
 .claude/.pre-pr-sweep-state               |  1 +
 src/components/Lightbox/chrome/Footer.tsx | 21 ++++++++++++++-------
 2 files changed, 15 insertions(+), 7 deletions(-)
 create mode 100644 .claude/.pre-pr-sweep-state

diff --git a/.claude/.pre-pr-sweep-state b/.claude/.pre-pr-sweep-state
new file mode 100644
index 0000000000..f6f2d8d645
--- /dev/null
+++ b/.claude/.pre-pr-sweep-state
@@ -0,0 +1 @@
+alt-blur@3076a2b5a593b0d7b37198b5aebfe3a222afd52d
diff --git a/src/components/Lightbox/chrome/Footer.tsx b/src/components/Lightbox/chrome/Footer.tsx
index 119fdeeca1..fb190f42ff 100644
--- a/src/components/Lightbox/chrome/Footer.tsx
+++ b/src/components/Lightbox/chrome/Footer.tsx
@@ -10,7 +10,7 @@ import {useSafeAreaInsets} from 'react-native-safe-area-context'
 import {BlurView} from 'expo-blur'
 import {useLingui} from '@lingui/react/macro'
 
-import {atoms as a, useTheme} from '#/alf'
+import {atoms as a, platform, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
 
 type Props = {
@@ -38,7 +38,19 @@ export function Footer({altText, isAltExpanded, onToggleAltExpanded}: Props) {
         {paddingBottom: insets.bottom + 8},
       ]}>
       <View style={[a.mx_md, styles.altWrap]}>
-        <BlurView intensity={16} tint="dark" style={styles.altBlur}>
+        <BlurView
+          intensity={16}
+          tint="dark"
+          style={[
+            // Tint kept over the blur so dense, text-heavy images stay
+            // readable. On Android the blur falls back to a flat overlay, so
+            // bump the opacity to keep the contrast the real blur provides
+            // elsewhere.
+            platform({
+              ios: {backgroundColor: 'rgba(0, 0, 0, 0.5)'},
+              android: {backgroundColor: 'rgba(0, 0, 0, 0.7)'},
+            }),
+          ]}>
           <ScrollView
             scrollEnabled={isAltExpanded}
             onMomentumScrollBegin={() => {
@@ -80,9 +92,4 @@ const styles = StyleSheet.create({
     borderRadius: 12,
     overflow: 'hidden',
   },
-  altBlur: {
-    // Tint kept over the blur so dense, text-heavy images stay readable,
-    // including on Android where the blur falls back to a flat overlay.
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
-  },
 })