From 1348cbdf2ed6d55c852348fa687e84f3a990765b Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Thu, 5 Mar 2026 08:01:19 +0100
Subject: [PATCH] fix: reduce amber saturation in Featured section dark mode

Article title links now have explicit text color instead of inheriting
the global amber link color. Default article left-border changed from
amber to neutral surface tone. Card hover border toned down to neutral.
Interaction types (likes, bookmarks, reposts, replies, photos) keep
their semantic colors unchanged.

Confab-Link: http://localhost:8080/sessions/bd3f7012-c703-47e9-bfe2-2ad04ce1842d
---
 _includes/components/sections/featured-posts.njk | 12 ++++++------
 featured.njk                                     |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/_includes/components/sections/featured-posts.njk b/_includes/components/sections/featured-posts.njk
index 32e0d2d..730fdbe 100644
--- a/_includes/components/sections/featured-posts.njk
+++ b/_includes/components/sections/featured-posts.njk
@@ -39,10 +39,10 @@
       {% elif hasPhotos %}
         {% set borderClass = "border-l-[3px] border-l-purple-400 dark:border-l-purple-500" %}
       {% else %}
-        {% set borderClass = "border-l-[3px] border-l-amber-400 dark:border-l-amber-500" %}
+        {% set borderClass = "border-l-[3px] border-l-surface-300 dark:border-l-surface-600" %}
       {% endif %}
 
-    <article class="h-entry p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 hover:border-amber-400 dark:hover:border-amber-600 transition-colors {{ borderClass }}">
+    <article class="h-entry p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 hover:border-surface-400 dark:hover:border-surface-500 transition-colors {{ borderClass }}">
 
       {% if likedUrl %}
       {# ── Like card ── #}
@@ -88,8 +88,8 @@
             </time>
           </div>
           {% if post.data.title %}
-          <h3 class="p-name font-semibold text-surface-900 dark:text-surface-100 mt-1">
-            <a class="hover:underline" href="{{ post.url }}">{{ post.data.title }}</a>
+          <h3 class="p-name font-semibold mt-1">
+            <a class="text-surface-900 dark:text-surface-100 hover:text-accent-600 dark:hover:text-accent-400 hover:underline" href="{{ post.url }}">{{ post.data.title }}</a>
           </h3>
           {% endif %}
           {{ bookmarkedUrl | unfurlCard | safe }}
@@ -199,8 +199,8 @@
 
       {% elif post.data.title %}
       {# ── Article/Page card ── #}
-      <h3 class="p-name font-semibold text-surface-900 dark:text-surface-100 mb-1">
-        <a href="{{ post.url }}" class="u-url hover:underline">
+      <h3 class="p-name font-semibold mb-1">
+        <a href="{{ post.url }}" class="u-url text-surface-900 dark:text-surface-100 hover:text-accent-600 dark:hover:text-accent-400 hover:underline">
           {{ post.data.title }}
         </a>
       </h3>
diff --git a/featured.njk b/featured.njk
index 760c84b..5e66927 100644
--- a/featured.njk
+++ b/featured.njk
@@ -45,7 +45,7 @@ permalink: "featured/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNu
       {% elif hasPhotos %}
         {% set borderClass = "border-l-purple-400 dark:border-l-purple-500" %}
       {% else %}
-        {% set borderClass = "border-l-amber-400 dark:border-l-amber-500" %}
+        {% set borderClass = "border-l-surface-300 dark:border-l-surface-600" %}
       {% endif %}
 
     <li class="h-entry post-card border-l-[3px] {{ borderClass }}">