From f461e73108e6244802e61e919e6e155ad6fcd3e9 Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Mon, 20 Apr 2026 23:29:45 +0800 Subject: [PATCH] update rules --- .impeccable.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.impeccable.md b/.impeccable.md index 110d0140..dd35e50a 100644 --- a/.impeccable.md +++ b/.impeccable.md @@ -82,8 +82,8 @@ Layout and sizing: Color: - Use OKLCH for any new color. Not HSL, not hex. -- Accent colors (`--accent`, `--accent-deep`) only on interactive elements. -- Tags, badges, pills, inline code, source badges use `--ink-muted`, `--ink-soft`, or `--bg-paper-strong`. Never the accent. +- Accent colors (`--accent`, `--accent-deep`, `--accent-soft`) are reserved for interactive elements. Clickable filter tags (`.tag`) correctly use `--accent-soft` background with `--accent-deep` text. Interactive link states (`.col-name > a:hover`, `.sponsor-link:hover`, `.hero-action-primary`, `.back-to-top`, CTAs) use accent tokens. +- Non-interactive elements (inline code, `.source-badge`, static labels, decorative pills) must use `--ink-muted`, `--ink-soft`, or `--bg-paper-strong`. Never the accent. Users should not mistake static decoration for something clickable. CSS hygiene: