diff --git a/styles/notion.css b/styles/notion.css
index f3047f6b..9ec0e222 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -1965,7 +1965,7 @@ thead, tbody tr {
 }
 
 .notion-collection-card{
-    @apply dark:hover:text-gray-200
+    @apply dark:text-gray-200 dark:bg-gray-800 dark:hover:bg-black
 }
 
 .notion-code-copy{
diff --git a/themes/hexo/components/ArticleRecommend.js b/themes/hexo/components/ArticleRecommend.js
index e6900c09..af081a1c 100644
--- a/themes/hexo/components/ArticleRecommend.js
+++ b/themes/hexo/components/ArticleRecommend.js
@@ -9,6 +9,8 @@ import { useGlobal } from '@/lib/global'
  * @returns
  */
 export default function ArticleRecommend({ recommendPosts, siteInfo }) {
+  const { locale } = useGlobal()
+
   if (
     !CONFIG_HEXO.ARTICLE_RECOMMEND ||
     !recommendPosts ||
@@ -16,11 +18,11 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
   ) {
     return <></>
   }
-  const { locale } = useGlobal()
+
   return (
     <div className="p-2">
       <div className=" mb-2 px-1 flex flex-nowrap justify-between">
-        <div>
+        <div className='dark:text-gray-300'>
           <i className="mr-2 fas fa-thumbs-up" />
           {locale.COMMON.RELATE_POSTS}
         </div>