1 files changed, 8 insertions, 8 deletions
diff --git a/src/view/com/lightbox/ImageViewing/components/ImageDefaultHeader.tsx b/src/view/com/lightbox/ImageViewing/components/ImageDefaultHeader.tsx
index b23dfedc8..3a040b5d0 100644
--- a/src/view/com/lightbox/ImageViewing/components/ImageDefaultHeader.tsx
+++ b/src/view/com/lightbox/ImageViewing/components/ImageDefaultHeader.tsx
@@ -6,16 +6,17 @@
  *
  */
 import React from 'react'
-import {createHitslop} from 'lib/constants'
 import {
   SafeAreaView,
   TouchableOpacity,
   StyleSheet,
   ViewStyle,
 } from 'react-native'
-import {t} from '@lingui/macro'
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {usePalette} from '#/lib/hooks/usePalette'
+import {msg} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
+
+import {createHitslop} from '#/lib/constants'
 
 type Props = {
   onRequestClose: () => void
@@ -24,8 +25,7 @@ type Props = {
 const HIT_SLOP = createHitslop(16)
 
 const ImageDefaultHeader = ({onRequestClose}: Props) => {
-  const pal = usePalette('default')
-
+  const {_} = useLingui()
   return (
     <SafeAreaView style={styles.root}>
       <TouchableOpacity
@@ -33,10 +33,10 @@ const ImageDefaultHeader = ({onRequestClose}: Props) => {
         onPress={onRequestClose}
         hitSlop={HIT_SLOP}
         accessibilityRole="button"
-        accessibilityLabel={t`Close image`}
-        accessibilityHint={t`Closes viewer for header image`}
+        accessibilityLabel={_(msg`Close image`)}
+        accessibilityHint={_(msg`Closes viewer for header image`)}
         onAccessibilityEscape={onRequestClose}>
-        <FontAwesomeIcon icon="close" color={pal.colors.text} size={22} />
+        <FontAwesomeIcon icon="close" color={'#fff'} size={22} />
       </TouchableOpacity>
     </SafeAreaView>
   )