Fix the barely-legible "Unavailable" pills on the coach line-up screen

text-on-dark-faint plus opacity-50 doubly dimmed the text against the pill's
own bg-steel background -- switched to the brightest on-dark tone with no
extra opacity reduction.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
This commit is contained in:
2026-08-22 21:05:21 +02:00
parent 1d0c2ef299
commit e621086f37

View File

@@ -72,7 +72,7 @@
<div class="mb-2 font-display text-xs font-extrabold tracking-wide text-on-dark-dim uppercase">{% trans "Unavailable" %}</div>
<div class="flex flex-wrap gap-2">
{% for attendance in unavailable %}
<span class="rounded-full bg-steel px-3 py-1.5 text-xs text-on-dark-faint opacity-50">{{ attendance.member.get_full_name }} &middot; {{ attendance.get_status_display }}</span>
<span class="rounded-full bg-steel px-3 py-1.5 text-xs text-on-dark">{{ attendance.member.get_full_name }} &middot; {{ attendance.get_status_display }}</span>
{% endfor %}
</div>
</div>