diff --git a/themes/photo/components/Header.js b/themes/photo/components/Header.js
index 9a2c31ff..29b7bee0 100644
--- a/themes/photo/components/Header.js
+++ b/themes/photo/components/Header.js
@@ -13,7 +13,7 @@ export const Header = props => {
         {/* 左侧Logo */}
         <Link
           href='/'
-          className='logo whitespace-nowrap text-2xl md:text-3xl font-bold text-gray-dark no-underline flex items-center'>
+          className='logo whitespace-nowrap text-2xl md:text-3xl text-gray-dark no-underline flex items-center'>
           {siteConfig('TITLE')}
         </Link>
 
diff --git a/themes/photo/components/MenuHierarchical.js b/themes/photo/components/MenuHierarchical.js
index 397bca4e..979a6ca3 100644
--- a/themes/photo/components/MenuHierarchical.js
+++ b/themes/photo/components/MenuHierarchical.js
@@ -73,7 +73,7 @@ export default function MenuHierarchical(props) {
   }, [router])
 
   return (
-    <div className='absolute top-0 mt-7'>
+    <div className='absolute top-0 mt-7 italic text-gray-700 dark:text-gray-200'>
       {/* 菜单按钮 */}
       <div
         onClick={toggleMenuOpen}
diff --git a/themes/photo/components/MenuItemCollapse.js b/themes/photo/components/MenuItemCollapse.js
index 6778fecf..73458f13 100644
--- a/themes/photo/components/MenuItemCollapse.js
+++ b/themes/photo/components/MenuItemCollapse.js
@@ -28,12 +28,12 @@ export const MenuItemCollapse = props => {
 
   return (
     <>
-      <div className='select-none w-full text-left ' onClick={toggleShow}>
+      <div className='select-none w-full text-left' onClick={toggleShow}>
         {!hasSubMenu && (
           <Link
             href={link?.href}
             target={link?.target}
-            className='flex justify-between dark:text-gray-200 no-underline tracking-widest'>
+            className='flex justify-between no-underline tracking-widest'>
             <span className=' transition-all items-center duration-200'>
               {link?.icon && <i className={link.icon + ' mr-4'} />}
               {link?.name}
@@ -43,13 +43,13 @@ export const MenuItemCollapse = props => {
         {hasSubMenu && (
           <div
             onClick={hasSubMenu ? toggleOpenSubMenu : null}
-            className='flex items-center justify-between cursor-pointer  dark:text-gray-200 no-underline tracking-widest'>
+            className='flex items-center justify-between cursor-pointer  no-underline tracking-widest'>
             <span className='transition-all items-center duration-200'>
               {link?.icon && <i className={link.icon + ' mr-4'} />}
               {link?.name}
             </span>
             <i
-              className={`select-none px-2 fas fa-chevron-left transition-all duration-200 ${isOpen ? '-rotate-90' : ''} text-gray-400`}></i>
+              className={`select-none px-2 fas fa-chevron-left transition-all duration-200 ${isOpen ? '-rotate-90' : ''} `}></i>
           </div>
         )}
       </div>