_document.tsx 955 B

12345678910111213141516171819202122232425
  1. import React from 'react';
  2. import { Html, Head, Main, NextScript } from 'next/document';
  3. import { ColorModeScript } from '@chakra-ui/react';
  4. import { theme } from '../styles/theme';
  5. export default function MyDocument() {
  6. return (
  7. <Html lang="en">
  8. <Head>
  9. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  10. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
  11. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
  12. <link rel="manifest" href="/site.webmanifest" />
  13. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
  14. <meta name="msapplication-TileColor" content="#da532c" />
  15. <meta name="theme-color" content="#ffffff" />
  16. </Head>
  17. <body>
  18. <ColorModeScript initialColorMode={theme.config.initialColorMode} />
  19. <Main />
  20. <NextScript />
  21. </body>
  22. </Html>
  23. );
  24. }