style: 다크 on-primary 대비 보정
Co-Authored-By: Claude Opus 5
@60a225be6e8a55422b0d5acc7245b3fdc9150ece
--- app/globals.css
+++ app/globals.css
... | ... | @@ -16,7 +16,12 @@ |
| 16 | 16 |
/* Brand */ |
| 17 | 17 |
--primary: light-dark(#502ef5, #877aec); |
| 18 | 18 |
--primary-container: light-dark(#6d5ce7, #502ef5); |
| 19 |
- --on-primary: light-dark(#ffffff, #ffffff); |
|
| 19 |
+ /* on-primary 다크값 대비 보정: 원래 #ffffff였으나 다크 --primary(#877aec) 위에서 |
|
| 20 |
+ 3.49:1로 WCAG AA(4.5:1) 텍스트 기준 미달 확인 → #14161b로 교체해 5.18:1 통과. |
|
| 21 |
+ Material 3 다크 규약(밝은 primary 표면 + 어두운 onPrimary 텍스트)과 일치하며 |
|
| 22 |
+ text-primary on surface(4.61:1)에는 영향 없음 — design 계획 §5.1(i), |
|
| 23 |
+ 2026-07-28 게이트 승인. */ |
|
| 24 |
+ --on-primary: light-dark(#ffffff, #14161b); |
|
| 20 | 25 |
--on-primary-container: light-dark(#e2e0fb, #e2e0fb); |
| 21 | 26 |
--secondary: light-dark(#877aec, #9b92ff); |
| 22 | 27 |
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?