Color 컬러
라이트/다크 두 스킴. hue(카테고리 색)는 테마 인식형이며, 모든 텍스트 조합은 빌드 게이트가 WCAG 대비(배지·버튼·칩·본문/보조 텍스트 4.5:1, hue 3:1 — bg·page 표면)를 강제한다.
Palette — 공유 프리미티브
2곳 이상에서 소비되는 원색만 등재하고 $palette.* 참조로 가리킨다(ADR-0034).
| 토큰 | 값 | |
|---|---|---|
| palette.teal-700 | #0F6E66 | #0F6E66 |
| palette.violet-600 | #5B30E8 | #5B30E8 |
| palette.violet-300 | #A892FF | #A892FF |
| palette.red-400 | #FF6B6B | #FF6B6B |
Semantic
| 토큰 | light | dark |
|---|---|---|
| bg | #FFFFFF | #1C1C1E |
| bgSubtle | #F7F7F8 | #161617 |
| bgPress | #F1F2F4 | #2C2C2E |
| page | #F7F7F8 | #0E0E0F |
| fgStrong | #0A0A0B | #FFFFFF |
| fg | #1A1B1E | #F2F2F4 |
| fgMuted | rgba(46, 47, 51, 0.86) | rgba(255, 255, 255, 0.82) |
| fgSubtle | rgba(55, 56, 60, 0.72) | rgba(235, 235, 245, 0.56) |
| fgDisabled | rgba(55, 56, 60, 0.3) | rgba(235, 235, 245, 0.3) |
| border | rgba(112, 115, 124, 0.22) | rgba(255, 255, 255, 0.12) |
| borderSubtle | rgba(112, 115, 124, 0.12) | rgba(255, 255, 255, 0.07) |
| borderStrong | rgba(112, 115, 124, 0.4) | rgba(255, 255, 255, 0.26) |
| overlay | rgba(23, 23, 25, 0.42) | rgba(0, 0, 0, 0.6) |
| success | #00BF40 | #2BD968 |
| successSubtle | #E3FBEC | rgba(43, 217, 104, 0.16) |
| successFg | #017A2E | #37E075 |
| warning | #FF9200 | #FFA726 |
| warningSubtle | #FFF2E0 | rgba(255, 167, 38, 0.16) |
| warningFg | #9A5200 | #FFB851 |
| danger | #FF4242 | #FF6B6B |
| dangerSubtle | #FFEBEB | rgba(255, 107, 107, 0.16) |
| dangerFg | #C92A2A | #FF6B6B |
| info | #00AEFF | #3AC0FF |
| infoSubtle | #E3F5FF | rgba(58, 192, 255, 0.16) |
| infoFg | #006DAF | #5CCBFF |
| violetSubtle | #F0ECFE | rgba(124, 97, 255, 0.18) |
| violetFg | #5B30E8 | #A892FF |
| ink | #17181C | #000000 |
| onInk | rgba(255, 255, 255, 0.96) | rgba(255, 255, 255, 0.95) |
| onInkMuted | rgba(255, 255, 255, 0.6) | rgba(255, 255, 255, 0.58) |
| onPrimary | #FFFFFF | #FFFFFF |
| primary | #0F6E66 | #0F6E66 |
| primaryHover | #0D615A | #0D615A |
| primarySubtle | #E5EFEE | #193131 |
| primaryFg | #0D615A | #6FA8A3 |
Category Hue
키 이름은 서버 저장값(event.color)이라 불변. primary·시맨틱과 hex 충돌 금지(게이트).
| hue | light | dark |
|---|---|---|
| hue.blue | #2B5CE6 | #7DA2FF |
| hue.violet | #5B30E8 | #A892FF |
| hue.orange | #E8590C | #FFA05C |
| hue.green | #15803D | #4ADE80 |
| hue.sky | #0090DB | #38BDF8 |
| hue.cool | #70737C | #8E9099 |
| hue.red | #E03131 | #FF8787 |