본문 바로가기
Q&A2026년 8월 24일1분 읽기

Tailwind v4로 올렸더니 tailwind.config.js의 커스텀 색상/폰트가 전부 안 먹습니다

t
tw_bomi
조회 408댓글 1

Tailwind CSS를 v3에서 v4로 업그레이드했는데, 빌드는 에러 없이 되는데 tailwind.config.js에 정의한 커스텀 컬러(brand, accent 등)랑 폰트가 유틸리티 클래스로 안 먹습니다. bg-brand 같은 걸 쓰면 그냥 무시돼요.

// tailwind.config.js
module.exports = {
  theme: { extend: { colors: { brand: '#1a73e8' } } }
}

기본 유틸리티(bg-blue-500 같은 거)는 멀쩡히 잘 나오는데 제가 정의한 커스텀만 안 나옵니다. 마이그레이션 문서를 봐도 뭐가 바뀐 건지 헷갈리네요. config 파일 위치나 이름은 그대로인데 왜 이것만 무시되는 걸까요?

댓글 0

아직 댓글이 없습니다.
Ctrl+Enter로 등록