Color 색 상수화

[guesung]

// /style/theme/color.ts
export const colors = {
  blue: '#1249FC',
  blue2: '#ABC1FC',
  blue3: '#3A6DFC',

  yellow: '#FFE605',
  orange: '#D7533E',

  black: '#1A1A1A',
  black2: '#010101',

  gray: '#3a3a3a',
  gray2: '#AAAAAA',
  gray3: '#CDCDCD',
  gray4: '#B7B7B7',
  gray5: '#F6F6F6',
  gray6: '#F5F5F5',
  gray7: '#666',

  white: '#FFFFFF',
  white2: '#F7F7F7',
  white3: '#EAEAEA',
} as const;

점점 color가 추가되면서 tailwind.config의 의미가 줄어들고 있습니다.
figma의 색 확인 > color.ts에서 검색 > 해당하는 색 이름 입력
현재 프로세스가 상당히 복잡합니다.
해결책이 필요해보입니다.

[guesung]

참고 프로젝트 1 : 디프만 ahmtda-web : 현재 우리 프로젝트와 동일한 방식 : white, gray1, gray2, gra3 ... primary

• 이 프로젝트는 폰트 유형을 설정해둠

[guesung]

참고 프로젝트 - 디프만 toks-web : gray 10~120까지 숫자로 부여. 현재 우리 프로젝트돠 유사한 방식

[guesung]

- [참고 프로젝트 - 디프만 antoon-web](https://github.com/depromeet/antoon-web/blob/main/styles/themes/themes.ts) : 우리 프로젝트와 유사한 방식

[guesung]

다들 이런 식으로 숫자를 부여해서 색을 변수화하는구나. 하긴, gray, dark gray 이런 식으로 구분하는 것이 더 어려울 것이다. 이게 최선인 듯 하다.

[guesung]

• 현재 우리 프로젝트