디자인 방향 잡기 — 종이 질감과 테라코타

차가운 흰 배경보다 살짝 누런 종이 같은 배경이 오래 읽기 편했다. 포인트 색은 하나만 — 테라코타 주황으로 정했다.

색은 토큰으로만

색을 직접 쓰지 않고 변수로만 쓰면, 다크 모드는 변수 값만 바꾸면 끝난다.

:root {
  --bg: #f7f5f0;
  --text: #1d1c1a;
  --accent: #d4572a;
}

:root[data-theme='dark'] {
  --bg: #141312;
  --text: #ebe7e0;
  --accent: #f08350;
}

다크 모드의 포인트 색은 조금 더 밝게 올려야 같은 느낌이 난다.

남은 고민

글 목록에서 작업기록과 노트를 어떻게 구분할지. 일단 색 다른 라벨로 시작해 본다.