Lyra 색상

표면과 콘텐츠를 먼저 정하고, 인터랙션과 상태색은 의미 전달에만 제한적으로 사용한다.

Surfaces

--lyra-surface-default

--lyra-surface-subtle

--lyra-surface-inset

--lyra-surface-emphasis

--lyra-surface-overlay

--lyra-surface-disabled

--lyra-content-primary

--lyra-content-secondary

--lyra-content-tertiary

--lyra-border-default

--lyra-border-muted

--lyra-border-strong

--lyra-interactive

--lyra-interactive-muted

--lyra-success

--lyra-success-muted

--lyra-warning

--lyra-warning-muted

--lyra-danger

--lyra-danger-muted

--lyra-complete

--lyra-complete-muted

--lyra-spectrum-start

--lyra-interactive

--lyra-spectrum-end

--lyra-activity-1

--lyra-activity-2

--lyra-activity-3

--lyra-activity-4

--lyra-state-open

--lyra-state-open-muted

--lyra-state-merged

--lyra-state-merged-muted

--lyra-state-closed

--lyra-state-closed-muted

--lyra-state-draft

--lyra-state-draft-muted

--lyra-diff-addition-muted

--lyra-diff-deletion-muted

open은 success, merged는 complete, closed는 danger에 연결한다. 상태는 색상만으로 구분하지 않고 아이콘과 텍스트 라벨을 함께 사용한다.