svemagie/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-04-02 16:44:56 +02:00
Code Issues Packages Projects Releases Wiki 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

12
_includes/components/sections/featured-posts.njk
View File

@@ -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>

2
featured.njk
View File

@@ -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 }}">