diff --git a/themes/next/components/Footer.js b/themes/next/components/Footer.js
index cb83aebe..be38a58a 100644
--- a/themes/next/components/Footer.js
+++ b/themes/next/components/Footer.js
@@ -14,7 +14,7 @@ const Footer = ({ title }) => {
 
   return (
     <footer
-      className='dark:bg-gray-900 flex-shrink-0 justify-center text-center m-auto w-full leading-6 text-sm p-6 dark:text-gray-400'
+      className='dark:bg-gray-800 flex-shrink-0 justify-center text-center m-auto w-full leading-6 text-sm p-6 dark:text-gray-400'
     >
       <DarkModeButton/>
       <span>
diff --git a/themes/next/components/Logo.js b/themes/next/components/Logo.js
index 69c13a1e..f53ff0c0 100644
--- a/themes/next/components/Logo.js
+++ b/themes/next/components/Logo.js
@@ -4,7 +4,7 @@ import React from 'react'
 const Logo = props => {
   const { siteInfo, className } = props
   return <Link href='/' passHref>
-    <div className={'flex flex-col justify-center items-center cursor-pointer bg-black dark:bg-gray-900 space-y-3 font-bold ' + className}>
+    <div className={'flex flex-col justify-center items-center cursor-pointer bg-black dark:bg-gray-800 space-y-3 font-bold ' + className}>
       <div className='font-serif text-xl text-white'> {siteInfo?.title}</div>
       <div className='text-sm text-gray-300 font-light text-center'> {siteInfo?.description}</div>
     </div>
diff --git a/themes/next/components/SearchInput.js b/themes/next/components/SearchInput.js
index 09fde988..9ba7d04b 100644
--- a/themes/next/components/SearchInput.js
+++ b/themes/next/components/SearchInput.js
@@ -66,7 +66,7 @@ const SearchInput = ({ currentTag, currentSearch, cRef }) => {
     ref={searchInputRef}
     type='text'
     placeholder={currentTag ? `${locale.SEARCH.TAGS} #${currentTag}` : `${locale.SEARCH.ARTICLES}`}
-    className={'w-full text-sm pl-4 transition focus:shadow-lg font-light leading-10 text-black bg-gray-100 dark:bg-gray-900 dark:text-white'}
+    className={'w-full text-sm pl-4 transition focus:shadow-lg font-light leading-10 text-black bg-gray-100 dark:bg-gray-800 dark:text-white'}
     onKeyUp={handleKeyUp}
     onCompositionStart={lockSearchInput}
     onCompositionUpdate={lockSearchInput}
diff --git a/themes/next/components/TopNav.js b/themes/next/components/TopNav.js
index f8b815c1..5fbd4e5a 100644
--- a/themes/next/components/TopNav.js
+++ b/themes/next/components/TopNav.js
@@ -89,7 +89,7 @@ const TopNav = (props) => {
 
     {/* 导航栏 */}
     <div id='sticky-nav' className={`${CONFIG_NEXT.NAV_TYPE !== 'normal' ? 'fixed' : ''} lg:relative w-full top-0 z-20 transform duration-500`}>
-      <div className='w-full flex justify-between items-center p-4 bg-black text-white'>
+      <div className='w-full flex justify-between items-center p-4 bg-black dark:bg-gray-800 text-white'>
         {/* 左侧LOGO 标题 */}
         <div className='flex flex-none flex-grow-0'>
           <div onClick={toggleMenuOpen} className='w-8 cursor-pointer'>