토큰을 읽는 법

devs7udio의 값은 이름으로 씁니다. 숫자를 그대로 적지 않고 토큰을 부르면, 테마가 바뀔 때 화면이 같이 따라와요. 자세한 대응표는 code.md에 있어요.

색

액센트는 --accent 하나예요. 노랑은 --highlight로 따로 두고, 언제나 면으로 쓰고 그 위에 --highlight-foreground를 얹어요.

• 본문은 --text-secondary, 제목과 숫자는 --foreground
• 경계선은 --border, 한 단계 위아래는 --border-strong과 --border-subtle
• 흰 배경 위 글자에는 노랑을 쓰지 않아요

쓰면 안 되는 것

1. 하드코딩한 색
2. 이모지를 아이콘 대신 쓰는 것
3. 테마가 모르는 변수

값은 한 곳에서만 정해요. 두 곳에 적으면 언젠가 갈라져요.

.button {
  background: var(--accent);
  color: var(--accent-foreground);
  border-radius: var(--radius-control);
}

더 궁금한 게 있으면 문의해 주세요. 하루 안에 답해요.