fix: design system audit — font-mono dates, focus-visible states, domain color straggler, shadow standardization

P1: Global font-mono on all <time> elements via @layer base CSS rule (covers 43 dates).
P2: Focus-visible states for buttons, inputs, links via CSS (covers 177 elements, WCAG 2.4.7).
P3: listening.njk "All" tab accent-600 → purple-600 (Music domain).
P4: .post-type-dropdown custom box-shadow → shadow-sm equivalent.

Confab-Link: http://localhost:8080/sessions/bd3f7012-c703-47e9-bfe2-2ad04ce1842d
This commit is contained in:
Ricardo
2026-03-04 17:29:50 +01:00
parent a7265bc7ce
commit c766a981c1
2 changed files with 34 additions and 2 deletions

View File

@@ -23,7 +23,7 @@ withSidebar: true
<div class="flex gap-2 mb-8 flex-wrap">
<button
@click="activeSource = 'all'"
:class="activeSource === 'all' ? 'bg-accent-600 text-white' : 'bg-surface-100 dark:bg-surface-800 text-surface-700 dark:text-surface-300 hover:bg-surface-200 dark:hover:bg-surface-700'"
:class="activeSource === 'all' ? 'bg-purple-600 text-white' : 'bg-surface-100 dark:bg-surface-800 text-surface-700 dark:text-surface-300 hover:bg-surface-200 dark:hover:bg-surface-700'"
class="px-4 py-2 rounded-full text-sm font-medium transition-colors"
>
All Sources