Colors

NCDS Admin의 색상 스타일입니다.

Gray

var(--gray-50)

100

var(--gray-100)

200

var(--gray-200)

300

var(--gray-300)

400

var(--gray-400)

500

var(--gray-500)

600

var(--gray-600)

700

var(--gray-700)

Primary Red

var(--primary-red-50)

100

var(--primary-red-100)

200

var(--primary-red-200)

300

var(--primary-red-300)

400

var(--primary-red-400)

500

var(--primary-red-500)

600

var(--primary-red-600)

700

var(--primary-red-700)

Green

var(--green-50)

100

var(--green-100)

200

var(--green-200)

300

var(--green-300)

400

var(--green-400)

500

var(--green-500)

600

var(--green-600)

700

var(--green-700)

Blue

var(--blue-50)

100

var(--blue-100)

200

var(--blue-200)

300

var(--blue-300)

400

var(--blue-400)

500

var(--blue-500)

600

var(--blue-600)

700

var(--blue-700)

Pink

var(--pink-50)

100

var(--pink-100)

200

var(--pink-200)

300

var(--pink-300)

400

var(--pink-400)

500

var(--pink-500)

600

var(--pink-600)

700

var(--pink-700)

Orange

var(--orange-50)

100

var(--orange-100)

200

var(--orange-200)

300

var(--orange-300)

400

var(--orange-400)

500

var(--orange-500)

600

var(--orange-600)

700

var(--orange-700)

Base

Black

var(--base-black)

White

var(--base-white)

사용 예시

CSS Variables

.my-element {
  color: var(--gray-500);
  background-color: var(--gray-100);
}