From 112b22c0d9240be397eae91893eac7f5c35b5fab Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Sun, 23 Nov 2025 13:46:12 +0800
Subject: [PATCH] style: improve article-link contrast

add background and tweak border
---
 layouts/partials/article-link/_shortcode.html   | 2 +-
 layouts/partials/article-link/card-related.html | 4 ++--
 layouts/partials/article-link/card.html         | 4 ++--
 layouts/partials/article-link/simple.html       | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/article-link/_shortcode.html b/layouts/partials/article-link/_shortcode.html
index b370039a..44936378 100644
--- a/layouts/partials/article-link/_shortcode.html
+++ b/layouts/partials/article-link/_shortcode.html
@@ -18,7 +18,7 @@
 {{ $cardContentClasses := "" }}
 
 {{ if site.Params.list.showCards }}
-  {{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }}
+  {{ $cardClasses = printf "%s overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600" $cardClasses }}
   {{ $imgWrapperClasses = "" }}
   {{ $cardContentClasses = printf "%s p-4 pt-2" $cardContentClasses }}
 {{ else }}
diff --git a/layouts/partials/article-link/card-related.html b/layouts/partials/article-link/card-related.html
index e74f58db..10b25c1c 100644
--- a/layouts/partials/article-link/card-related.html
+++ b/layouts/partials/article-link/card-related.html
@@ -51,7 +51,7 @@
 
 
 <article
-  class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
+  class="relative min-h-full min-w-full overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600">
   {{ with $featuredURL }}
     <div class="flex-none relative overflow-hidden thumbnail_card_related">
       <img
@@ -68,7 +68,7 @@
       {{ partial "badge.html" (i18n "article.draft" | emojify) }}
     </span>
   {{ end }}
-  <div class="px-6 py-4">
+  <div class="p-4">
     <header>
       <a
         {{ with $page.Params.externalUrl }}
diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html
index 0dcdfbfa..7ffcac8c 100644
--- a/layouts/partials/article-link/card.html
+++ b/layouts/partials/article-link/card.html
@@ -55,7 +55,7 @@
 
 
 <article
-  class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
+  class="relative min-h-full min-w-full overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600">
   {{ with $featuredURL }}
     <div class="flex-none relative overflow-hidden thumbnail_card">
       <img
@@ -71,7 +71,7 @@
       {{ partial "badge.html" (i18n "article.draft" | emojify) }}
     </span>
   {{ end }}
-  <div class="px-6 py-4">
+  <div class="p-4">
     <header>
       <a
         {{ with $page.Params.externalUrl }}
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index afde7cba..59456d8e 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -11,7 +11,7 @@
 {{ $cardContentClasses := "" }}
 
 {{ if site.Params.list.showCards }}
-  {{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }}
+  {{ $cardClasses = printf "%s overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600" $cardClasses }}
   {{ $imgWrapperClasses = "" }}
   {{ $cardContentClasses = printf "%s p-4" $cardContentClasses }}
 {{ else }}