diff --git a/pages/_app.tsx b/pages/_app.tsx
index 56e7b0f..309fbd7 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -23,7 +23,7 @@ export default function App({Component, pageProps, router}: AppProps) {
         <>
             <div className="fixed inset-0 flex justify-center sm:px-8">
                 <div className="flex w-full max-w-7xl lg:px-8">
-                    <div className="w-full bg-white dark:bg-black dark:ring-zinc-300/20"/>
+                    <div className="w-full bg-white dark:bg-black-950 dark:ring-zinc-300/20"/>
                 </div>
             </div>
             <div className="relative">
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 2cc6239..bdd84d2 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -70,7 +70,7 @@ export default function Document() {
                 />
             </Head>
             <script dangerouslySetInnerHTML={{__html: modeScript}}/>
-            <body className="flex h-full flex-col dark:bg-black">
+            <body className="flex h-full flex-col dark:bg-black-950">
             <Main/>
             <NextScript/>
             </body>
diff --git a/tailwind.config.js b/tailwind.config.js
index c32d45a..1008745 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,6 +11,9 @@ module.exports = {
             colors: {
                 green: {
                     950: '#1fdf64'
+                },
+                black: {
+                    950: '#0a0a0a'
                 }
             }
         },
