Color Customizing
Tailwind CSS 커스텀 컬러 등록하기
Tailwind CSS 커스텀 컬러 등록하기
2024.02.23이번 포스팅에서는 CSS 프레임워크인 Tailwind CSS에서 커스텀 컬러를 등록하는 방법을 다룬다. 1. Tailwind CSS의 컬러 커스터마이징 Tailwind는 기본값으로 지정된 Color Palette을 변경하거나, Alias를 붙이거나, 특정 색상에 이름을 붙여서 사용할 수 있게 하는 기능을 제공한다. 모든 작업은 tailwind.config.js(혹은 ts) 를 수정해서 간단하게 변경할 수 있다. 2. Color Palette 변경하기 Tailwind는 Default Color Palette를 제공해서 톤에 맞는 색상을 편하게 사용할 수 있다. 만약 기본 팔레트가 마음에 들지 않는 경우에는 변경할 수 있다. 예를 들자면 팔레트를 보다 작은 단위로 사용할 수 있게 50 단위의 색상을 추가하거..