title: changing the dark mode color in chakra ui
body: <p>I am using the <a href="https://chakra-ui.com/color-mode" rel="noreferrer">&quot;dark mode&quot; feature</a> provided by the <a href="https://chakra-ui.com/" rel="noreferrer">Chakra UI library</a>. However, I can't figure out how to change the &quot;dark mode&quot; colors. In the documentation, I see that Chakra UI is based on something called &quot;<a href="https://styled-system.com/" rel="noreferrer">styled-system</a>&quot;, so I tried to pass a new <code>theme</code> to <code>themeProvider</code> like this:</p>
  <pre><code>const theme = {
    ...defaultTheme,
    modes: {
      dark: {
        background: '#000',
      },
    },
  };
  </code></pre>
  <pre><code> &lt;ThemeProvider theme={theme}&gt;&lt;/ThemeProvider&gt;
  </code></pre>
  <p>However, that didn't work. I also tried to wrap the <code>modes</code> object with a <code>colors</code> object, but that didn't work either. How can I customize the &quot;dark mode&quot; colors?</p>