How to use the docz.theme function in docz

primaryDark: '#0046a3', // link (hovered)
    secondary: '#62ddbd', // props table shape type, brand background, <hr>, search result
    highlight: '#ec5564', // matched search query
    error: 'rgba(200,0,0,0.8)', // preview error background
  },
  fonts: {
    body: 'Lato, sans-serif',
    title: 'Oswald, sans-serif',
  },
  logo: {
    src: null,
    width: 40,
  },
};

export default theme(defaultThemeConfig)(Theme);

const Theme: React.SFC = ({ children }) => {
  const config = useConfig()
  return (
    
      
        <main>
          
          {children}
        </main>
      
    
  )
}

export default theme(config)(Theme)

import defaultTheme from '~theme'
import components from '~components'

const Theme = ({ children }) => {
  const config = useConfig()
  return (
    
      
        {children}
      
    
  )
}

export default theme(defaultTheme)(Theme)

const Theme = ({ children }) => (
  
    {children}
  
)

const themeConfig = {
  colors: {
    primary: "tomato",
    secondary: "khaki",
    gray: "lightslategray",
  },
}

export default theme(themeConfig)(Theme)

)}
              
            
          
}

const themeConfig = {
  colors: {
    primary: 'danty',
    secondary: 'khaki',
    gray: 'lightslategray',
  },
}

export default theme(themeConfig)(Theme)

import {theme} from 'docz';
import './plugins';
import RouterConfig from "./config/router";
import themeConfig from '../theme.config';
import './styles/init.less';

const Theme = () => RouterConfig;

export default theme(themeConfig)(Theme)