THEME COLOR

블록 테마 컬러
수정 시 유의 사항

블록 테마는 한개의 JSON 파일에서 모든 컬러 속성을 담고 있습니다. 때문에 수정을 하는 방법 자체는 어렵지 않습니다. 다만 Primary, Secondary 등 색상의 기본 속성들에 대한 이해를 분명히 해야 정확히 어떤 부분을 어떻게 수정해야 할 지 찾기가 쉽습니다.

01

02

03

04

05

06

07

08

09

10

language

base color

text_fields

contrast color

picture_in_picture_center

primary color

shadow

secondary color

기본 JSON 파일 수정

  • 흰색, 검정색은 반응하지 않는 고정색 입니다.
  • base, contrast, primary, secondary 색은 반응형 색상입니다. 다크 모드에서는 다크모드 json 에 등록된 컬러가 보여집니다.
  • step 1 ~ 20 까지의 색상은 모두 반응형 색상입니다. base -> contrast 까지 색을 나누어 저장하는게 가장 좋습니다. ( 물론 자유롭게 구성하셔도 됩니다. )
  • duotone, gradients 색상도 이 파일에서 수정이 가능합니다. 물론 필요할때만 하시면 됩니다. ( 저희가 대부분 만들어 놨습니다. )

다크모드 JSON 파일 수정

  • 흰색, 검정색은 반응하지 않는 고정색 입니다.
  • base, contrast, primary, secondary 색은 반응형 색상입니다. 다크 모드에서는 다크모드 json 에 등록된 컬러가 보여집니다.
  • step 1 ~ 20 까지의 색상은 모두 반응형 색상입니다. base -> contrast 까지 색을 나누어 저장하는게 가장 좋습니다. ( 물론 자유롭게 구성하셔도 됩니다. )
  • /wp-content/themes/hellopanda-theme/styles/ 이 경로에 등록된 json 규칙은 블록테마에서 “색상” 으로 사용하는 폴더 입니다.