From b9e9890ce3cc34240eee68880207df07962ea79b Mon Sep 17 00:00:00 2001 From: Saravana Achu Mac Date: Tue, 5 May 2026 10:17:28 -0700 Subject: [PATCH] docs(roadmap): record web color token audit --- docs/PRODUCTION_READINESS_HANDOFF_ROADMAP.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/PRODUCTION_READINESS_HANDOFF_ROADMAP.md b/docs/PRODUCTION_READINESS_HANDOFF_ROADMAP.md index 135b3a3..010672b 100644 --- a/docs/PRODUCTION_READINESS_HANDOFF_ROADMAP.md +++ b/docs/PRODUCTION_READINESS_HANDOFF_ROADMAP.md @@ -154,7 +154,7 @@ Acceptance criteria: Goal: remove local visual drift and meet interaction accessibility expectations. -- [ ] **P4.1** Replace web hardcoded hex/RGBA colors and token fallbacks in `web/src/app` and `web/src/components` with `--nl-*` tokens or shared component primitives. Commit: +- [x] **P4.1** Replace web hardcoded hex/RGBA colors and token fallbacks in `web/src/app` and `web/src/components` with `--nl-*` tokens or shared component primitives. Commit: `6ede2be`; Verified: `rg -n "#[0-9a-fA-F]{3,8}|rgba?\\(|var\\(--nl-[^)]+," web/src/app web/src/components --glob '!**/*.test.*'` returned no matches; `GITEA_NPM_TOKEN=dummy pnpm --filter @notelett/web run test`; `GITEA_NPM_TOKEN=dummy pnpm --filter @notelett/web run typecheck` after building linked `@bytelyst/billing-client`; `git diff --check`. Added semantic CSS token aliases for overlays, translucent surfaces, muted accent/status backgrounds, and command shadows, then replaced app/component hex, RGB/RGBA, and `--nl-*` fallback values with tokens. - [ ] **P4.2** Replace mobile hardcoded colors in screens and label mappings with `NoteLettTheme`, token-derived values, or named semantic mappings. Commit: - [ ] **P4.3** Audit web interactive elements for visible text or `aria-label`, including icon buttons, modals, editor controls, review actions, prompt actions, and settings. Commit: - [ ] **P4.4** Audit mobile pressables/buttons for accessibility labels, roles, disabled states, and Dynamic Type tolerance. Commit: