Update global background color in ChakraThemeProvider

src/components/OutputsTable/OutputCell/OutputCell.tsx

@@ -125,8 +125,10 @@ export default function OutputCell({
                   <ResponseLog
                     key={`waiting-${i}`}
                     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                    time={new Date(response.requestedAt!.getTime() + i * WAITING_MESSAGE_INTERVAL)}
-                    title="Waiting for response"
+                    time={
+                      new Date(response.requestedAt!.getTime() + (i + 1) * WAITING_MESSAGE_INTERVAL)
+                    }
+                    title="Waiting for response..."
                   />
                 ))}
               {response.receivedAt && (

src/modelProviders/replicate-llama2/getCompletion.ts

@@ -8,8 +8,8 @@ const replicate = new Replicate({
 });
 
 const modelIds: Record<ReplicateLlama2Input["model"], string> = {
-  "7b-chat": "058333670f2a6e88cf1b29b8183405b17bb997767282f790b82137df8c090c1f",
-  "13b-chat": "d5da4236b006f967ceb7da037be9cfc3924b20d21fed88e1e94f19d56e2d3111",
+  "7b-chat": "5ec5fdadd80ace49f5a2b2178cceeb9f2f77c493b85b1131002c26e6b2b13184",
+  "13b-chat": "6b4da803a2382c08868c5af10a523892f38e2de1aafb2ee55b020d9efef2fdb8",
   "70b-chat": "2c1608e18606fad2812020dc541930f2d0495ce32eee50074220b87300bc16e1",
 };
 

src/pages/world-champs/signup.tsx

@@ -143,7 +143,7 @@ export default function Signup() {
         />
       </Head>
 
-      <Box bgColor="gray.900" color="gray.200" minH="100vh" w="full">
+      <Box color="gray.200" minH="100vh" w="full">
         <TopNavbar />
         <VStack mx="auto" py={24} maxW="2xl" align="start" fontSize="lg">
           <Heading size="lg">🏆 Prompt Engineering World Championships</Heading>

src/theme/ChakraThemeProvider.tsx

@@ -6,6 +6,13 @@ const systemFont =
   'ui-sans-serif, -apple-system, "system-ui", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"';
 
 const theme = extendTheme({
+  styles: {
+    global: (props) => ({
+      "html, body": {
+        backgroundColor: props.colorMode === "dark" ? "gray.900" : "blue",
+      },
+    }),
+  },
   fonts: {
     heading: systemFont,
     body: systemFont,