Merge pull request #619 from tangly1024/bug/hexo-archive-darkmode

hexo-样式微调

styles/globals.css

@@ -132,11 +132,6 @@ nav {
   backdrop-filter: blur(10px);
 }
 
-.dark .glassmorphism {
-  background: rgba(31, 41, 55, 0.75);
-  -webkit-backdrop-filter: blur(10px);
-  backdrop-filter: blur(10px);
-}
 
 .medium-zoom-overlay {
   background: none !important;

themes/hexo/LayoutArchive.js

@@ -39,7 +39,7 @@ export const LayoutArchive = (props) => {
   }, [])
   return <LayoutBase {...props} >
     <Card className='w-full'>
-    <div className="mb-10 pb-20 bg-white md:p-12 p-3 dark:bg-gray-800 min-h-full">
+    <div className="mb-10 pb-20 bg-white md:p-12 p-3 min-h-full dark:bg-hexo-black-gray">
         {Object.keys(archivePosts).map(archiveTitle => (
           <BlogPostArchive
             key={archiveTitle}

themes/hexo/components/NavButtonGroup.js

@@ -16,7 +16,7 @@ const NavButtonGroup = (props) => {
   return <nav id='home-nav-button' className={'md:h-52 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-5xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
     {categories.map(category => {
       return <Link key={`${category.name}`} title={`${category.name}`} href={`/category/${category.name}`} passHref>
-            <a className='text-center w-full md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism  hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>{category.name}</a>
+            <a className='text-center w-full md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>{category.name}</a>
         </Link>
     })}
   </nav>