diff --git a/tailwind.config.js b/tailwind.config.js
index f5780609..82b0af3f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -39,7 +39,7 @@ module.exports = {
           'black-gray': '#101414',
           'light-gray': '#e5e5e5'
         },
-        black: '#212b36',
+        // black: '#212b36',
         'dark-700': '#090e34b3',
         dark: {
           DEFAULT: '#111928',
diff --git a/themes/starter/index.js b/themes/starter/index.js
index 62f2d95a..a0a4ef07 100644
--- a/themes/starter/index.js
+++ b/themes/starter/index.js
@@ -54,7 +54,7 @@ const LayoutBase = (props) => {
     loadWowJS()
   }, [])
 
-  return <div id='theme-starter' className={`${siteConfig('FONT_STYLE')} min-h-screen flex flex-col dark:bg-black scroll-smooth`}>
+  return <div id='theme-starter' className={`${siteConfig('FONT_STYLE')} min-h-screen flex flex-col dark:bg-[#212b36] scroll-smooth`}>
             <Style/>
             <NavBar {...props}/>