diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/_app.tsx | 9 | ||||
| -rw-r--r-- | src/pages/index.tsx | 6 |
2 files changed, 11 insertions, 4 deletions
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index fde93eb..a22c616 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -5,6 +5,7 @@ import { I18nProvider } from '@lingui/react'; import { AppPropsWithLayout } from '@ts/types/app'; import { initTranslation } from '@utils/helpers/i18n'; import '../styles/globals.scss'; +import { ThemeProvider } from 'next-themes'; initTranslation(i18n); @@ -29,7 +30,13 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) { const getLayout = Component.getLayout ?? ((page) => page); return ( <I18nProvider i18n={i18n}> - {getLayout(<Component {...pageProps} />)} + <ThemeProvider + defaultTheme="system" + enableColorScheme={true} + enableSystem={true} + > + {getLayout(<Component {...pageProps} />)} + </ThemeProvider> </I18nProvider> ); } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 99d506d..3664ae1 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -9,8 +9,8 @@ import HomePageContent from '@content/pages/homepage.mdx'; import { ButtonLink } from '@components/Buttons'; import styles from '@styles/pages/Home.module.scss'; import { t } from '@lingui/macro'; -import ContactIcon from '@assets/images/icon-contact.svg'; import FeedIcon from '@assets/images/icon-feed.svg'; +import { ContactIcon } from '@components/Icons'; const Home: NextPageWithLayout = () => { const CodingLinks = () => { @@ -69,13 +69,13 @@ const Home: NextPageWithLayout = () => { <ul className={styles['links-list']}> <li> <ButtonLink target="/contact"> - <ContactIcon className={styles.icon} /> + <ContactIcon /> {t`Contact me`} </ButtonLink> </li> <li> <ButtonLink target="/feed"> - <FeedIcon className={styles.icon} /> + <FeedIcon className={styles['icon--feed']} /> {t`Subscribe`} </ButtonLink> </li> |