How do we set default mode to dark mode?

[ChrisSQL]

First Check

• I added a very descriptive title here.
• I used the GitHub search to find a similar question and didn't find it.
• I searched in the documentation/README.
• I already searched in Google "How to do X" and didn't find any information.
• I already read and followed all the tutorial in the docs/README and didn't find an answer.

Commit to Help

• I commit to help with one of those options 👆

Example Code

na

Description

How do we set the user default option to Dark Mode?

Operating System

macOS

Operating System Details

MAC

Python Version

Python 3.9.6

Additional Context

No response

[YuriiMotov]

You need to modify frontend/src/components/ui/provider.tsx:

export function CustomProvider(props: PropsWithChildren) {
  return (
    <ChakraProvider value={system}>
-      <ColorModeProvider defaultTheme="light">
+      <ColorModeProvider
+        attribute="class"
+        defaultTheme="dark"
+        enableSystem={false}
+      >
        {props.children}
      </ColorModeProvider>
      <Toaster />
    </ChakraProvider>
  )
}