Skip to content

feat(stage-profile): midnight dark export theme (stage B item 3)#73

Merged
TTigger merged 1 commit into
masterfrom
feat/profile-dark-theme
Jul 12, 2026
Merged

feat(stage-profile): midnight dark export theme (stage B item 3)#73
TTigger merged 1 commit into
masterfrom
feat/profile-dark-theme

Conversation

@TTigger

@TTigger TTigger commented Jul 10, 2026

Copy link
Copy Markdown
Owner

摘要

階段 B 第 3 項(HANDOFF 待辦):出圖主題新增第五個主題「午夜黑」,
順帶解掉「透明匯出疊在深色背景上看不見字」的老問題 —— 深色主題墨色是淺色,
去背 PNG 疊在深色簡報/IG 限動上直接可讀。

色票

bg ink muted grid accent
午夜黑 #171A21 #F0EEE6 #A9A79E #3A3E48 #E8956D

對比實測:ink 14.99、muted 7.22、accent 7.42 —— 全部高於現有四個主題的最低水準
(環義粉 muted 4.49、環法黃 accent 2.23)。

改動

  • src/lib/profileThemes.ts(新)THEMES / THEME_EN / ProfileTheme
    StageProfile.tsx 抽成純資料 lib,讓 vitest 守門測試吃得到;行為不變
  • src/lib/__tests__/profileThemes.test.ts(新):用既有 contrast.ts 對每個主題驗
    WCAG 對比(ink ≥ 7、muted ≥ 4.4、accent ≥ 2.2;門檻取自現況實測下限,收緊前要先動既有主題),
    並要求「至少一個深色主題、其墨色必須是淺色」
  • e2e:主題切換測試補「午夜黑 → SVG 底色 #171A21」斷言

驗證

  • typecheck:api ✓ / 513 unit ✓(508 + 5)/ 54 e2e
  • 依 HANDOFF 教訓 feat(bingo): bring bingo game into master #3「圖要用眼睛看」:已實際載入範例路線切午夜黑截圖目測,
    並用透明匯出產出 PNG 合成在 #20232B 深灰底上確認全部文字可讀
  • 純前端改動,不碰 api/

🤖 Generated with Claude Code

出圖主題新增「午夜黑」(bg #171A21 / ink #F0EEE6 / accent #E8956D),
解掉「透明匯出疊在深色背景上看不見字」的老問題 —— 深色主題的墨色
是淺色,去背 PNG 疊在深色簡報/限動上可讀(已實際合成深灰底目測驗證)。

- THEMES / THEME_EN / ProfileTheme 抽到 src/lib/profileThemes.ts(純資料),
  讓 vitest 守門測試吃得到;StageProfile.tsx 改為 import
- 新增 profileThemes.test.ts:用既有 contrast.ts 對每個主題驗 WCAG 對比
  (ink ≥ 7、muted ≥ 4.4、accent ≥ 2.2,門檻取自現況實測下限),
  並要求至少一個深色主題且其墨色為淺色
- e2e:主題切換測試補午夜黑底色斷言

測試:typecheck:api ✓ / 513 unit ✓(+5)/ 54 e2e ✓

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 10, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tiglet Ready Ready Preview, Comment Jul 10, 2026 3:07pm

@TTigger TTigger merged commit ef9604f into master Jul 12, 2026
3 checks passed
@TTigger TTigger deleted the feat/profile-dark-theme branch July 12, 2026 15:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant