diff --git a/react-native-logs.config.js b/react-native-logs.config.js
index c65911ce7..9d79d42ff 100644
--- a/react-native-logs.config.js
+++ b/react-native-logs.config.js
@@ -17,6 +17,7 @@ if ( process?.env?.NODE_ENV !== "test" ) {
 }
 
 const config = {
+  dateFormat: "iso",
   // eslint-disable-next-line no-undef
   severity: __DEV__
     ? "debug"
diff --git a/src/components/About.js b/src/components/About.js
index 92a26be2e..bdaa93a08 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -1,8 +1,10 @@
 // @flow
 
+import classnames from "classnames";
 import {
   Body1,
   Body2,
+  Button,
   Heading4,
   ScrollViewWrapper,
   Tabs,
@@ -14,6 +16,7 @@ import type { Node } from "react";
 import React, { useState } from "react";
 import { Alert, Linking } from "react-native";
 import { getBuildNumber, getVersion } from "react-native-device-info";
+import { useDebugMode } from "sharedHooks";
 
 const aboutID = "about";
 const teamID = "team";
@@ -22,6 +25,7 @@ const About = (): Node => {
   const [activeTab, setActiveTab] = useState( aboutID );
   const appVersion = getVersion();
   const buildVersion = getBuildNumber();
+  const { isDebug, toggleDebug } = useDebugMode( );
 
   const onTermsPressed = async () => {
     const url = "https://www.inaturalist.org/pages/terms";
@@ -119,6 +123,22 @@ const About = (): Node => {
             <View className="items-center justify-center">
               <Body1>{`Version ${appVersion} (${buildVersion})`}</Body1>
             </View>
+            <Button
+              // eslint-disable-next-line multiline-ternary
+              text={`Debug Mode: ${isDebug ? "on" : "off"}`}
+              className={classnames(
+                "mt-5",
+                isDebug
+                  ? "bg-deeppink"
+                  : "border-deeppink"
+              )}
+              level={
+                isDebug
+                  ? "primary"
+                  : null
+              }
+              onPress={toggleDebug}
+            />
           </View>
         )}
         {activeTab === teamID && (
diff --git a/src/components/Developer/Developer.js b/src/components/Developer/Developer.js
index 3e67c9d74..2049036b2 100644
--- a/src/components/Developer/Developer.js
+++ b/src/components/Developer/Developer.js
@@ -50,11 +50,6 @@ const Developer = (): Node => {
           text="Log"
           className="mb-5"
         />
-        <Button
-          onPress={() => navigation.navigate( "Identify" )}
-          text="Identify"
-          className="mb-5"
-        />
         <H1>Computer Vision</H1>
         <View className="flex-row">
           <Text className="font-bold">Model: </Text>
diff --git a/src/components/Developer/Log.js b/src/components/Developer/Log.js
index 3944fcae3..0111651f1 100644
--- a/src/components/Developer/Log.js
+++ b/src/components/Developer/Log.js
@@ -1,10 +1,14 @@
 import { useNavigation } from "@react-navigation/native";
 import {
+  Heading4,
   INatIconButton,
   ScrollViewWrapper
 } from "components/SharedComponents";
 import {
-  fontMonoClass, Text, TextInput, View
+  fontMonoClass,
+  Text,
+  TextInput,
+  View
 } from "components/styledComponents";
 import type { Node } from "react";
 import React, {
@@ -28,6 +32,7 @@ const Log = (): Node => {
             onPress={shareLogFile}
             accessibilityLabel="Email logs"
             accessibilityHint="Opens email app"
+            color="white"
           />
         </View>
       ) }
@@ -37,6 +42,7 @@ const Log = (): Node => {
         onPress={emailLogFile}
         accessibilityLabel="Email logs"
         accessibilityHint="Opens email app"
+        color="white"
       />
     </>
   ), [emailLogFile, shareLogFile] );
@@ -45,23 +51,29 @@ const Log = (): Node => {
     [headerRight, navigation]
   );
 
+  const lines = logContents.split( "\n" );
+  const content = lines.slice( lines.length - 1000, lines.length ).join( "\n" );
+
   return (
     <ScrollViewWrapper>
       <View className="p-5">
+        { lines.length > 1000 && (
+          <Heading4>Last 1000 lines of log</Heading4>
+        ) }
         {Platform.OS === "ios"
           ? (
             // iOS requires a TextInput for word selections
             // https://github.com/facebook/react-native/issues/13938#issuecomment-520590673
             <TextInput
               accessibilityLabel="Text input field"
-              value={logContents}
+              value={content}
               editable={false}
               multiline
             />
           )
           : (
             // Android can do word selections just with <Text>
-            <Text className={`text-xs h-fit mb-5 ${fontMonoClass}`} selectable>{logContents}</Text>
+            <Text className={`text-xs h-fit mb-5 ${fontMonoClass}`} selectable>{content}</Text>
           )}
       </View>
     </ScrollViewWrapper>
diff --git a/src/components/Explore/Explore.js b/src/components/Explore/Explore.js
index 99b49110a..2bb5d8864 100644
--- a/src/components/Explore/Explore.js
+++ b/src/components/Explore/Explore.js
@@ -9,9 +9,10 @@ import {
 import { View } from "components/styledComponents";
 import type { Node } from "react";
 import React, { useState } from "react";
-// import { Alert } from "react-native";
+import { Alert } from "react-native";
 import { useTheme } from "react-native-paper";
 import {
+  useDebugMode,
   useStoredLayout,
   useTranslation
 } from "sharedHooks";
@@ -71,6 +72,7 @@ const Explore = ( {
   const { t } = useTranslation( );
   const [showExploreBottomSheet, setShowExploreBottomSheet] = useState( false );
   const { layout, writeLayoutToStorage } = useStoredLayout( "exploreObservationsLayout" );
+  const { isDebug } = useDebugMode( );
 
   const renderHeader = ( ) => (
     <Header
@@ -141,24 +143,35 @@ const Explore = ( {
           />
         )}
         <View className="flex-1">
-          {/* <INatIconButton
-            icon="triangle-exclamation"
-            className="absolute h-[55px] w-[55px] top-5 right-5 bg-white rounded-full z-10"
-            color="white"
-            size={27}
-            style={[
-              getShadow( theme.colors.primary ),
-              // eslint-disable-next-line react-native/no-inline-styles
-              { backgroundColor: "orange" }
-            ]}
-            accessibilityLabel="Diagnostics"
-            onPress={( ) => {
-              Alert.alert(
-                "Explore Info",
-                `queryParams: ${JSON.stringify( queryParams )}`
-              );
-            }}
-          /> */}
+          { isDebug && (
+            <INatIconButton
+              icon="triangle-exclamation"
+              className={classnames(
+                "absolute",
+                "bg-white",
+                "bottom-[100px]",
+                "h-[55px]",
+                "right-5",
+                "rounded-full",
+                "w-[55px]",
+                "z-10"
+              )}
+              color="white"
+              size={27}
+              style={[
+                getShadow( theme.colors.primary ),
+                // eslint-disable-next-line react-native/no-inline-styles
+                { backgroundColor: "deeppink" }
+              ]}
+              accessibilityLabel="Diagnostics"
+              onPress={( ) => {
+                Alert.alert(
+                  "Explore Info",
+                  `queryParams: ${JSON.stringify( queryParams )}`
+                );
+              }}
+            />
+          ) }
           <INatIconButton
             icon={exploreViewIcon[exploreView]}
             color={theme.colors.onPrimary}
diff --git a/src/components/LoginSignUp/AuthenticationService.js b/src/components/LoginSignUp/AuthenticationService.js
index aed79c42b..1dacb4196 100644
--- a/src/components/LoginSignUp/AuthenticationService.js
+++ b/src/components/LoginSignUp/AuthenticationService.js
@@ -16,7 +16,7 @@ import realmConfig from "realmModels/index";
 import User from "realmModels/User";
 import safeRealmWrite from "sharedHelpers/safeRealmWrite";
 
-import { log } from "../../../react-native-logs.config";
+import { log, logFilePath } from "../../../react-native-logs.config";
 
 const logger = log.extend( "AuthenticationService" );
 
@@ -112,6 +112,9 @@ const signOut = async (
   await RNSInfo.deleteItem( "jwtGeneratedAt", {} );
   await RNSInfo.deleteItem( "username", {} );
   await RNSInfo.deleteItem( "accessToken", {} );
+  RNFS.exists( logFilePath ).then( fileExists => {
+    if ( fileExists ) RNFS.unlink( logFilePath );
+  } );
 };
 
 /**
diff --git a/src/components/Suggestions/Suggestions.js b/src/components/Suggestions/Suggestions.js
index fb707d5a2..5675ce303 100644
--- a/src/components/Suggestions/Suggestions.js
+++ b/src/components/Suggestions/Suggestions.js
@@ -20,8 +20,8 @@ import {
   convertOfflineScoreToConfidence,
   convertOnlineScoreToConfidence
 } from "sharedHelpers/convertScores";
-// import { formatISONoTimezone } from "sharedHelpers/dateAndTime";
-import { useTranslation } from "sharedHooks";
+import { formatISONoTimezone } from "sharedHelpers/dateAndTime";
+import { useDebugMode, useTranslation } from "sharedHooks";
 
 import AddCommentPrompt from "./AddCommentPrompt";
 import Attribution from "./Attribution";
@@ -38,7 +38,6 @@ type Props = {
   observers: Array<string>,
   topSuggestion: Object,
   usingOfflineSuggestions: boolean,
-  // eslint-disable-next-line react/no-unused-prop-types
   debugData: any
 };
 
@@ -66,13 +65,14 @@ const Suggestions = ( {
   onPressPhoto,
   observers,
   topSuggestion,
-  usingOfflineSuggestions
-  // debugData
+  usingOfflineSuggestions,
+  debugData
 }: Props ): Node => {
   const { t } = useTranslation( );
   const navigation = useNavigation( );
   const { params } = useRoute( );
   const { lastScreen } = params;
+  const { isDebug } = useDebugMode( );
 
   const renderItem = useCallback( ( { item: suggestion } ) => (
     <Suggestion suggestion={suggestion} onChosen={onTaxonChosen} />
@@ -103,20 +103,19 @@ const Suggestions = ( {
   const renderFooter = useCallback( ( ) => (
     <>
       <Attribution observers={observers} />
-      {/* <View className="bg-yellow p-3">
-        <Heading4>Diagnostics</Heading4>
-        <Body3>Online suggestions URI: {JSON.stringify( debugData?.selectedPhotoUri )}</Body3>
-        <Body3>Online suggestions updated at: {formatISONoTimezone( debugData?.onlineSuggestionsUpdatedAt )}</Body3>
-        <Body3>Online suggestions timed out: {JSON.stringify( debugData?.timedOut )}</Body3>
-        <Body3>Num online suggestions: {JSON.stringify( debugData?.onlineSuggestions?.results.length )}</Body3>
-        <Body3>Num offline suggestions: {JSON.stringify( debugData?.offlineSuggestions?.length )}</Body3>
-        <Body3>Error loading online: {JSON.stringify( debugData?.onlineSuggestionsError )}</Body3>
-      </View> */}
+      { isDebug && (
+        <View className="bg-deeppink text-white p-3">
+          <Heading4 className="text-white">Diagnostics</Heading4>
+          <Body3 className="text-white">Online suggestions URI: {JSON.stringify( debugData?.selectedPhotoUri )}</Body3>
+          <Body3 className="text-white">Online suggestions updated at: {formatISONoTimezone( debugData?.onlineSuggestionsUpdatedAt )}</Body3>
+          <Body3 className="text-white">Online suggestions timed out: {JSON.stringify( debugData?.timedOut )}</Body3>
+          <Body3 className="text-white">Num online suggestions: {JSON.stringify( debugData?.onlineSuggestions?.results.length )}</Body3>
+          <Body3 className="text-white">Num offline suggestions: {JSON.stringify( debugData?.offlineSuggestions?.length )}</Body3>
+          <Body3 className="text-white">Error loading online: {JSON.stringify( debugData?.onlineSuggestionsError )}</Body3>
+        </View>
+      )}
     </>
-  ), [
-    // debugData,
-    observers
-  ] );
+  ), [debugData, isDebug, observers] );
   /* eslint-enable i18next/no-literal-string */
   /* eslint-enable react/jsx-one-expression-per-line */
   /* eslint-enable max-len */
diff --git a/src/navigation/CustomDrawerContent.js b/src/navigation/CustomDrawerContent.js
index 0e67a000b..87a681a52 100644
--- a/src/navigation/CustomDrawerContent.js
+++ b/src/navigation/CustomDrawerContent.js
@@ -18,7 +18,7 @@ import { Dimensions, Platform } from "react-native";
 import { useTheme } from "react-native-paper";
 import User from "realmModels/User";
 import { BREAKPOINTS } from "sharedHelpers/breakpoint";
-import { useCurrentUser, useTranslation } from "sharedHooks";
+import { useCurrentUser, useDebugMode, useTranslation } from "sharedHooks";
 import colors from "styles/tailwindColors";
 
 const { width } = Dimensions.get( "screen" );
@@ -41,6 +41,7 @@ const CustomDrawerContent = ( { ...props }: Props ): Node => {
   const currentUser = useCurrentUser( );
   const theme = useTheme( );
   const { t } = useTranslation( );
+  const { isDebug } = useDebugMode( );
 
   const labelStyle = useMemo( ( ) => ( {
     fontSize: 16,
@@ -62,79 +63,73 @@ const CustomDrawerContent = ( { ...props }: Props ): Node => {
       : -5
   } ), [] );
 
-  const drawerItems = useMemo( ( ) => ( {
-    // search: {
-    //   label: t( "SEARCH" ),
-    //   navigation: "search",
-    //   icon: "magnifying-glass"
-    // },
-    projects: {
-      label: t( "PROJECTS" ),
-      navigation: "TabNavigator",
-      params: {
-        screen: "ProjectsStackNavigator",
+  const drawerItems = useMemo( ( ) => {
+    const items: any = {
+      // search: {
+      //   label: t( "SEARCH" ),
+      //   navigation: "search",
+      //   icon: "magnifying-glass"
+      // },
+      projects: {
+        label: t( "PROJECTS" ),
+        navigation: "TabNavigator",
         params: {
           screen: "Projects"
-        }
+        },
+        icon: "briefcase"
       },
-      icon: "briefcase"
-    },
-    // help: {
-    //   label: t( "HELP" ),
-    //   navigation: "Help",
-    //   icon: "help",
-    //   color: colors.white,
-    //   backgroundColor: colors.darkGray
-    // },
-    // blog: {
-    //   label: t( "BLOG" ),
-    //   navigation: "Blog",
-    //   icon: "laptop"
-    // },
-    about: {
-      label: t( "ABOUT" ),
-      navigation: "About",
-      icon: "inaturalist"
-    },
-    donate: {
-      label: t( "DONATE" ),
-      navigation: "Donate",
-      icon: "heart"
-    },
-    help: {
-      label: t( "HELP" ),
-      navigation: "Help",
-      icon: "help-circle"
-    },
-    settings: {
-      label: t( "SETTINGS" ),
-      navigation: "settings",
-      icon: "gear",
-      loggedInOnly: true
-    },
-    // TODO on release we probably want to hide this item for non-staff, or
-    // provide a developer mode that can be turned on in settings
-    developer: {
-      label: "DEVELOPER",
-      navigation: "DeveloperStackNavigator",
-      icon: "triangle-exclamation",
-      color: "orange"
-    },
-    login: {
-      label: currentUser
-        ? t( "LOG-OUT" )
-        : t( "LOG-IN" ),
-      navigation: "LoginNavigator",
-      icon: "door-exit",
-      style: {
-        opacity: 0.5,
-        display: currentUser
-          ? "flex"
-          : "none"
+      // blog: {
+      //   label: t( "BLOG" ),
+      //   navigation: "Blog",
+      //   icon: "laptop"
+      // },
+      about: {
+        label: t( "ABOUT" ),
+        navigation: "About",
+        icon: "inaturalist"
+      },
+      donate: {
+        label: t( "DONATE" ),
+        navigation: "Donate",
+        icon: "heart"
+      },
+      help: {
+        label: t( "HELP" ),
+        navigation: "Help",
+        icon: "help-circle"
+      },
+      settings: {
+        label: t( "SETTINGS" ),
+        navigation: "settings",
+        icon: "gear",
+        loggedInOnly: true
+      },
+      login: {
+        label: currentUser
+          ? t( "LOG-OUT" )
+          : t( "LOG-IN" ),
+        navigation: "LoginNavigator",
+        icon: "door-exit",
+        style: {
+          opacity: 0.5,
+          display: currentUser
+            ? "flex"
+            : "none"
+        }
       }
+    };
+    if ( isDebug ) {
+      items.debug = {
+        label: "DEBUG",
+        navigation: "DeveloperStackNavigator",
+        icon: "triangle-exclamation",
+        color: "deeppink"
+      };
     }
-  } ), [
+    return items;
+  }, [
     currentUser,
+    isDebug,
     t
   ] );
 
diff --git a/src/navigation/StackNavigators/DeveloperStackNavigator.js b/src/navigation/StackNavigators/DeveloperStackNavigator.js
index d79918a9c..559439392 100644
--- a/src/navigation/StackNavigators/DeveloperStackNavigator.js
+++ b/src/navigation/StackNavigators/DeveloperStackNavigator.js
@@ -10,10 +10,16 @@ import React from "react";
 const Stack = createNativeStackNavigator( );
 
 const DeveloperStackNavigator = ( ): Node => (
-  <Stack.Navigator>
+  <Stack.Navigator
+    screenOptions={{
+      headerStyle: { backgroundColor: "deeppink", color: "white" },
+      headerTintColor: "white",
+      headerTitleStyle: { color: "white" }
+    }}
+  >
     <Stack.Screen
-      name="developer"
-      label="Developer"
+      name="debug"
+      label="Debug"
       component={Developer}
     />
     <Stack.Screen
diff --git a/src/sharedHooks/index.js b/src/sharedHooks/index.js
index 54523c18a..12c089f1a 100644
--- a/src/sharedHooks/index.js
+++ b/src/sharedHooks/index.js
@@ -2,6 +2,7 @@ export { default as useAuthenticatedMutation } from "./useAuthenticatedMutation"
 export { default as useAuthenticatedQuery } from "./useAuthenticatedQuery";
 export { default as useCurrentObservationLocation } from "./useCurrentObservationLocation";
 export { default as useCurrentUser } from "./useCurrentUser";
+export { default as useDebugMode } from "./useDebugMode";
 export { default as useDeviceOrientation } from "./useDeviceOrientation";
 export { default as useIconicTaxa } from "./useIconicTaxa";
 export { default as useInfiniteNotificationsScroll } from "./useInfiniteNotificationsScroll";
diff --git a/src/sharedHooks/useDebugMode.js b/src/sharedHooks/useDebugMode.js
new file mode 100644
index 000000000..3d82ced82
--- /dev/null
+++ b/src/sharedHooks/useDebugMode.js
@@ -0,0 +1,28 @@
+// @flow
+
+import { useAsyncStorage } from "@react-native-async-storage/async-storage";
+import { useCallback, useState } from "react";
+
+const useDebugMode = ( ): { isDebug: boolean, toggleDebug: Function } => {
+  const {
+    getItem: fetchDebug,
+    setItem: saveDebug
+  } = useAsyncStorage( "debugMode" );
+  const [isDebug, setDebug] = useState( false );
+
+  fetchDebug( ).then( result => {
+    setDebug( result === "true" );
+  } );
+
+  const toggleDebug = useCallback( ( ) => {
+    saveDebug( ( !isDebug ).toString( ) );
+    setDebug( !isDebug );
+  }, [isDebug, saveDebug] );
+
+  return {
+    isDebug,
+    toggleDebug
+  };
+};
+
+export default useDebugMode;
diff --git a/src/sharedHooks/useLogs.js b/src/sharedHooks/useLogs.js
index 342ad33b7..d0bc76536 100644
--- a/src/sharedHooks/useLogs.js
+++ b/src/sharedHooks/useLogs.js
@@ -28,12 +28,28 @@ const useLogs = ( ) => {
     recipients: ["help+mobile@inaturalist.org"]
   } ), [device, appVersion, buildVersion] );
   const [logContents, setLogContents] = useState( "" );
-  const { mtime: logFileMtime } = RNFS.stat( logFilePath );
+  const [logFileMtime, setLogFileMtime] = useState( null );
+
+  useEffect( ( ) => {
+    async function getLogfileStat( ) {
+      const { mtime } = await RNFS.stat( logFilePath );
+      setLogFileMtime( mtime );
+    }
+    getLogfileStat( );
+  }, [] );
 
   useEffect( () => {
     async function fetchLogContents() {
-      const contents = await RNFS.readFile( logFilePath );
-      setLogContents( contents.split( "\n" ).join( "\n" ) );
+      try {
+        const contents = await RNFS.readFile( logFilePath );
+        setLogContents( contents.split( "\n" ).join( "\n" ) );
+      } catch ( readFileError ) {
+        if ( readFileError.message.match( /no such file/ ) ) {
+          setLogContents( "" );
+        } else {
+          throw readFileError;
+        }
+      }
     }
     fetchLogContents();
   }, [logFileMtime] );
diff --git a/tailwind.config.js b/tailwind.config.js
index 0dda9f875..1e7aa2b29 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -112,7 +112,10 @@ module.exports = {
       // Mostly for debugging
       red: "#FF0000",
       green: "#00FF00",
-      blue: "#0000FF"
+      blue: "#0000FF",
+      deepPink: "#FF1493",
+      deeppink: "#FF1493",
+      DeepPink: "#FF1493"
     },
     screens: {
       sm: "240px",