tailwind.config.tsx

theme: {
	extend: {
		fontSize : {
			h1 : ‘3rem’
		},
		colors : {
			green : {
				100: "#F3FAF3",
			}
		}
	}
}

이런 식으로 설정

사용 방법

Color 적용 방법

text, border 등등 text-green-100

? "text-green-400 border-b-4 border-green-400"
: "text-black-100 hover:text-green-500",
"px-3 py-6 text-h5 font-extrabold font-tmoney"

폰트 크기 적용 방법

text-h1 식으로 적용

<div className="flex-shrink-0 text-green-500 font-extrabold text-h1 font-tmoney">
  팜이랑
</div>