theme.config.tsx

import React from 'react'
import { DocsThemeConfig } from 'nextra-theme-docs'
import { useConfig } from 'nextra-theme-docs'

const config: DocsThemeConfig = {
  logo: <span> Nextra v3 Template</span>,
  head: () => {
    // eslint-disable-next-line react-hooks/rules-of-hooks
    let { title } = useConfig()
    if (title) {
      title += ' | Nextra v3 Template'
    }
    else title = 'Nextra v3 Template'
    return (
      <>
        <title>{title}</title>
        <meta property="og:title" content={title} />
        <link rel="icon" href="/images/favicon.ico" sizes="any" />
      </>
    )
  },
  nextThemes: {
    defaultTheme: 'light',
    forcedTheme: 'light'
  },
  sidebar: {
    toggleButton: true,
    defaultMenuCollapseLevel: 1,
    autoCollapse: true
  },
  toc: {
    backToTop: true
  },
  color : {
    lightness : {dark : 30 , light : 45 } , 
    hue : {light : 274 , dark : 279  } ,
    saturation : {light : 100 , dark : 100} ,
  },
  darkMode: false
}

export default config