diff --git a/pages/_app.tsx b/pages/_app.tsx index 6719472..df2b9a4 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,16 +1,49 @@ - import Head from 'next/head' -import type { AppProps /*, AppContext */ } from 'next/app' +import type { AppProps } from 'next/app' +import { ThemeProvider } from 'next-themes' -const App = ({ Component, pageProps }: AppProps): JSX.Element => { +import Navbar from '../components/Navbar' + +import './app.css' +import '@fortawesome/fontawesome-free/css/all.css' +import { useEffect } from 'react' + +let systemColor +export default function App({ Component, pageProps }: AppProps): JSX.Element { + console.log( + '%c' + 'KOREANBOTS', + 'color: #3366FF; -webkit-text-stroke: 2px black; font-size: 72px; font-weight: bold;' + ) + console.log( + '%c' + '이곳에 코드를 붙여넣으면 공격자에게 엑세스 토큰을 넘겨줄 수 있습니다!!', + 'color: #ff0000; font-size: 20px; font-weight: bold;' + ) + useEffect(() => { + try { + systemColor = window.matchMedia('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light' + } catch (e) { + systemColor = 'dark' + } + if (!localStorage.theme || !['dark', 'light'].includes(localStorage.theme)) + localStorage.setItem('theme', systemColor) + }, []) return ( - <> + - Next.js TypeScript Quickstart + 한국 디스코드봇 리스트 + + + + + + - + ) } -export default App \ No newline at end of file