theme.config.js

const theme = {
  docsRepositoryBase: "https://github.com/marcysutton/frontend-masters-web-accessibility-v3",
  project: {
    link: "https://github.com/marcysutton/frontend-masters-web-accessibility-v3"
  },
  logo: () => (
    <>
      <img
        alt=""
        src="/universal-access-icon.png"
        height="25"
        width="25"
        style={{ marginRight: "1em" }}
      />
      <h1>
        Web Accessibility, V3
      </h1>
    </>
  ),
  head: function Head(props) {
    return (
      <>
        <meta charSet="utf-8" />
        <meta name="theme-color" content="#000" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="apple-touch-icon" sizes="180x180" href="/universal-access-icon.png" />
        <link
          rel="icon"
          type="image/png"
          sizes="32x32"
          href="/universal-access-icon.png"
        />
        <link
          rel="icon"
          type="image/png"
          sizes="16x16"
          href="/universal-access-icon.png"
        />
        <link rel="mask-icon" href="/universal-access-icon.png" color="#000000" />
        <link rel="shortcut icon" href="/universal-access-icon.png" />
        <meta name="msapplication-TileColor" content="#000000" />
        <meta
          name="description"
          content="Website created for the FrontendMasters course on Web Accessibility by Marcy Sutton Todd"
        />
        <meta name="author" content="Marcy Sutton Todd" />
        <meta
          property="og:url"
          content="https://web-accessibility.vercel.app/topics"
        />
        <meta property="og:type" content="website" />
        <meta property="og:locale" content="en_US" />
        <meta property="og:image:width" content="1200" />
        <meta property="og:image:height" content="692" />
        <meta
          property="og:title"
          content={`${props.title} | Web Accessibility`}
        />
        <meta
          property="og:description"
          content="Website created for the FrontendMasters course on Web Accessibility by Marcy Sutton Todd"
        />
        <meta
          property="og:image"
          content="https://web-accessibility.vercel.app/ogimage1.png"
        />
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:site" content="@marcysutton" />
        <meta name="twitter:creator" content="@marcysutton" />
      </>
    );
  },
  sidebar: {
    defaultMenuCollapseLevel: 1,
    autoCollapse: true
  },
  darkMode: true,
  footer: {
    text: `${new Date().getFullYear()} © Marcy Sutton Todd`
  },
  nextThemes: {
    defaultTheme: "dark",
  },
  useNextSeoProps() {
    return {
      titleTemplate: '%s – Web Accessibility, V3'
    }
  }
};
export default theme;