hexo\matery

themes/hexo/LayoutBase.js

@@ -65,14 +65,14 @@ const LayoutBase = props => {
   }, [])
 
   return (
-    <div id='theme-hexo' className="bg-hexo-background-gray dark:bg-black">
+    <div id='theme-hexo'>
       <CommonHead meta={meta} siteInfo={siteInfo}/>
 
       <TopNav {...props} />
 
       {headerSlot}
 
-      <main id="wrapper" className="w-full py-8 md:px-8 lg:px-24 min-h-screen relative">
+      <main id="wrapper" className="bg-hexo-background-gray dark:bg-black w-full py-8 md:px-8 lg:px-24 min-h-screen relative">
         <div
           id="container-inner"
           className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' pt-14 w-full mx-auto lg:flex lg:space-x-4 justify-center relative z-10'}

themes/hexo/components/Header.js

@@ -59,7 +59,9 @@ const Header = props => {
             className="md:bg-fixed w-full h-screen bg-black text-white relative"
         >
             <div className='w-full h-full fixed'>
-                <Image src={siteInfo.pageCover} fill style={{ objectFit: 'cover' }}
+                <Image src={siteInfo.pageCover} fill
+                    style={{ objectFit: 'cover' }}
+                    className='opacity-70'
                     placeholder='blur'
                     blurDataURL='/bg_image.jpg' />
             </div>