svemagie.net/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

fix: reduce amber saturation in Featured section dark mode

Browse Source 
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
This commit is contained in:
Ricardo
2026-03-05 08:01:19 +01:00
parent 9b50893782
commit 1348cbdf2e
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/components/sections/featured-posts.njk
+6 -6
View File
@@ -39,10 +39,10 @@
{% elif hasPhotos %} {% elif hasPhotos %}
{% set borderClass = "border-l-[3px] border-l-purple-400 dark:border-l-purple-500" %} {% set borderClass = "border-l-[3px] border-l-purple-400 dark:border-l-purple-500" %}
{% else %} {% 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 %} {% 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 %} {% if likedUrl %}
{# ── Like card ── #} {# ── Like card ── #}
@@ -88,8 +88,8 @@
</time> </time>
</div> </div>
{% if post.data.title %} {% if post.data.title %}
<h3 class="p-name font-semibold text-surface-900 dark:text-surface-100 mt-1"> <h3 class="p-name font-semibold mt-1">
<a class="hover:underline" href="{{ post.url }}">{{ post.data.title }}</a> <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> </h3>
{% endif %} {% endif %}
{{ bookmarkedUrl | unfurlCard | safe }} {{ bookmarkedUrl | unfurlCard | safe }}
@@ -199,8 +199,8 @@
{% elif post.data.title %} {% elif post.data.title %}
{# ── Article/Page card ── #} {# ── Article/Page card ── #}
<h3 class="p-name font-semibold text-surface-900 dark:text-surface-100 mb-1"> <h3 class="p-name font-semibold mb-1">
<a href="{{ post.url }}" class="u-url hover:underline"> <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 }} {{ post.data.title }}
</a> </a>
</h3> </h3>
featured.njk
+1 -1
View File
@@ -45,7 +45,7 @@ permalink: "featured/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNu
{% elif hasPhotos %} {% elif hasPhotos %}
{% set borderClass = "border-l-purple-400 dark:border-l-purple-500" %} {% set borderClass = "border-l-purple-400 dark:border-l-purple-500" %}
{% else %} {% else %}
{% set borderClass = "border-l-amber-400 dark:border-l-amber-500" %} {% set borderClass = "border-l-surface-300 dark:border-l-surface-600" %}
{% endif %} {% endif %}
<li class="h-entry post-card border-l-[3px] {{ borderClass }}"> <li class="h-entry post-card border-l-[3px] {{ borderClass }}">