feat: dark/light mode

Author: plmercereau

.changeset/dirty-seas-confess.md

@@ -0,0 +1,5 @@
+---
+"chat-dbt": minor
+---
+
+dark/light mode

ROADMAP.md

@@ -1,5 +1,6 @@
 # Roadmap
 
+-   bug in the autocomplete component
 -   Complete the readme file
 -   Implement the options into the web interface
     -   confirm
@@ -13,7 +14,7 @@
 -   Vitests
 -   Use the npm package as a library
 -   Statistics e.g. time per request, tokens used, etc
--   Web interface in dark/light mode
+-   Dark/light mode toggle
 -   Add CI tests for both the CLI and the web interface
 -   Nice to have (but complicated): when the context is preserved, allow queries from previous data e.g. "translate the previous result into french"
 -   `--hide-sql`

pages/_app.tsx

@@ -2,9 +2,11 @@ import { AppProps } from 'next/app'
 import Head from 'next/head'
 import { MantineProvider } from '@mantine/core'
 import { AppWrapper } from '../utils/state'
+import { useColorScheme } from '@mantine/hooks'
 
 export default function App(props: AppProps) {
     const { Component, pageProps } = props
+    const colorScheme = useColorScheme()
 
     return (
         <>
@@ -19,10 +21,7 @@ export default function App(props: AppProps) {
             <MantineProvider
                 withGlobalStyles
                 withNormalizeCSS
-                theme={{
-                    /** Put your mantine theme override here */
-                    colorScheme: 'light'
-                }}
+                theme={{ colorScheme }}
             >
                 <AppWrapper>
                     <Component {...pageProps} />

pages/index.tsx

@@ -27,8 +27,10 @@ const Page: React.FC = () => {
         theme.colors[color][theme.colorScheme === 'dark' ? 5 : 7]
 
     const run = async () => {
-        targetRef.current.dispatchEvent(
-            new KeyboardEvent('keypress', {
+        targetRef.current?.dispatchEvent(
+            new KeyboardEvent('keydown', {
+                bubbles: true,
+                cancelable: true,
                 key: 'Escape',
                 keyCode: 27,
                 which: 27