1  import './index.css';
 2  
 3  import { extendTheme, ThemeConfig } from '@chakra-ui/react';
 4  import { theme as proTheme } from '@chakra-ui/pro-theme';
 5  import '@fontsource/inter/variable.css';
 6  
 7  import { modalTheme, popoverTheme, tabsTheme } from './theming';
 8  import { createRoot } from './lib/CloudComponents';
 9  
10  const config: ThemeConfig = {
11    initialColorMode: 'dark',
12    useSystemColorMode: false,
13  };
14  
15  const theme = extendTheme(proTheme, {
16    colors: {
17      ...proTheme.colors,
18      brand: proTheme.colors.blue,
19    },
20    config: config,
21    components: { Modal: modalTheme, Popover: popoverTheme, Tabs: tabsTheme },
22  });
23  
24  const rootElement = document.getElementById('root');
25  createRoot(rootElement!, theme);