wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-15 14:10:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: darkmode

Browse Source
This commit is contained in:
원더 2021-01-05 22:46:34 +09:00
parent 43825031c2
commit 81848906ae
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/Container.tsx
View File

@ -1,12 +1,15 @@
const Container = ({ className, children }:ContainerProps): JSX.Element => { const Container = ({ ignoreColor, className, children }:ContainerProps): JSX.Element => {
return ( return (
<div className={`container mx-auto px-4 ${className}`}> <div className={ignoreColor ? null : 'bg-white dark:bg-discord-dark text-black dark:text-gray-100'}>
{children} <div className={`container mx-auto px-4 ${className}`}>
{children}
</div>
</div> </div>
) )
} }
interface ContainerProps { interface ContainerProps {
ignoreColor?: boolean
className?: string className?: string
children: JSX.Element | JSX.Element[] children: JSX.Element | JSX.Element[]
} }

4
pages/_app.tsx
View File

@ -48,9 +48,7 @@ export default function App({ Component, pageProps }: AppProps): JSX.Element {
<meta name="theme-color" content="#3366FF" /> <meta name="theme-color" content="#3366FF" />
</Head> </Head>
<Navbar /> <Navbar />
<div className='iu h-screen'> <Component {...pageProps} />
<Component {...pageProps} />
</div>
<Footer /> <Footer />
</ThemeProvider> </ThemeProvider>
) )

2
pages/_document.tsx
View File

@ -28,7 +28,7 @@ class MyDocument extends Document {
}} }}
/> />
</Head> </Head>
<body className="text-black dark:text-gray-100 dark:bg-discord-dark bg-white"> <body className="iu h-screen text-black dark:text-gray-100 bg-white dark:bg-discord-dark">
<Main /> <Main />
<NextScript /> <NextScript />
</body> </body>