Basic job details.

app/_layout.tsx

@@ -6,7 +6,7 @@ import { Icon, Label, NativeTabs } from "expo-router/unstable-native-tabs";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { ActivityIndicator, View } from "react-native";
-import { MD3LightTheme, Provider as PaperProvider } from "react-native-paper";
+import { Provider as PaperProvider } from "react-native-paper";
 import { connect, Provider } from "react-redux";
 import { PersistGate } from "redux-persist/integration/react";
 import { createStructuredSelector } from "reselect";
@@ -74,14 +74,52 @@ const ConnectedAppContent = connect(
   mapDispatchToProps
 )(AppContent);
 
+//Custom values were used as the overrides did not work.
 const theme = {
-  ...MD3LightTheme,
   colors: {
-    ...MD3LightTheme.colors,
-    primary: "#1890ff",
-    accent: "tomato",
+    primary: "#005fae",
+    onPrimary: "#ffffff",
+    primaryContainer: "#d4e3ff",
+    onPrimaryContainer: "#001c3a",
+    secondary: "#545f71",
+    onSecondary: "#ffffff",
+    secondaryContainer: "#d8e3f8",
+    onSecondaryContainer: "#111c2b",
+    tertiary: "#00658d",
+    onTertiary: "#ffffff",
+    tertiaryContainer: "#c6e7ff",
+    onTertiaryContainer: "#001e2d",
+    error: "#ba1a1a",
+    onError: "#ffffff",
+    errorContainer: "#ffdad6",
+    onErrorContainer: "#410002",
+    background: "#fdfcff",
+    onBackground: "#1a1c1e",
+    surface: "#fdfcff",
+    onSurface: "#1a1c1e",
+    surfaceVariant: "#e0e2ec",
+    onSurfaceVariant: "#43474e",
+    outline: "#74777f",
+    outlineVariant: "#c3c6cf",
+    shadow: "#000000",
+    scrim: "#000000",
+    inverseSurface: "#2f3033",
+    inverseOnSurface: "#f1f0f4",
+    inversePrimary: "#a5c8ff",
+    elevation: {
+      level0: "transparent",
+      level1: "#f0f4fb",
+      level2: "#e9eff9",
+      level3: "#e1ebf6",
+      level4: "#dfe9f5",
+      level5: "#dae6f4",
+    },
+    surfaceDisabled: "rgba(26, 28, 30, 0.12)",
+    onSurfaceDisabled: "rgba(26, 28, 30, 0.38)",
+    backdrop: "rgba(45, 49, 56, 0.4)",
   },
 };
+// ...existing code...
 
 export default function AppLayout() {
   return (

app/jobs/[jobId]/_layout.tsx

@@ -2,7 +2,7 @@ import FontAwesome from "@expo/vector-icons/FontAwesome";
 import { Tabs } from "expo-router";
 import { useTranslation } from "react-i18next";
 
-function JobTabLayout() {
+function JobTabLayout(props) {
   const { t } = useTranslation();
 
   return (

app/jobs/[jobId]/index.tsx

@@ -1,22 +1,4 @@
-import { useLocalSearchParams } from "expo-router";
-import { StyleSheet, Text, View } from "react-native";
-import JobDetail from "../../../components/job-detail/job-detail";
-
+import JobTombstone from "../../../components/job-tombstone/job-tombstone";
 export default function JobDetailScreen() {
-  const params = useLocalSearchParams();
-
-  return (
-    <View style={styles.container}>
-      <Text>Job Details for Job ID: {JSON.stringify(params)}</Text>
-      <JobDetail />
-    </View>
-  );
+  return <JobTombstone />;
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-});

app/jobs/[jobId]/lines.tsx

@@ -1,10 +1,5 @@
-import { Text, View } from "react-native";
-
+import JobLinesComponent from "../../../components/job-lines/job-lines";
 function JobLines() {
-  return (
-    <View>
-      <Text>Job Lines</Text>
-    </View>
-  );
+  return <JobLinesComponent />;
 }
 export default JobLines;

app/jobs/_layout.tsx

@@ -1,9 +1,7 @@
-import { Stack, useLocalSearchParams, useRouter } from "expo-router";
+import { Stack, useRouter } from "expo-router";
 
 function JobsStack() {
   const router = useRouter();
-  const params = useLocalSearchParams();
-  console.log("*** ~ JobsStack ~ params:", params);
 
   return (
     <Stack