[Theme] Sync theme.config types with ColorMode

Describe the bug Right now, the theme.config property is not typed which leads to theme.config.initialColorMode being string, which is incompatible when used against the ColorMode type.

Suggested solution(s)

Simply adding and exporting a ThemeConfig definition should solve this:

import { ColorMode } from '@chakra-ui/core';

export interface ChakraConfig {
  initialColorMode: ColorMode;
  useSystemColorMode: boolean;
}

const config: ChakraConfig = {
  initialColorMode: 'dark',
  useSystemColorMode: false,
};

[jmiazga]

In use-color-mode-state.ts there is:

interface Options {
  initialColorMode?: ColorMode
  useSystemColorMode?: boolean
}

Should this just be exported and/or renamed so it’s more explicit?

[segunadebayo]

@jmiazga. How about this:

• Export it from color-mode
• Import it from system in the theme package. Color mode is already bundled in the system package.