테마 색(Color) 설정

qpress 2020년 3월 12일 20

웹사이트 디자인에서 가장 중요한 부분이 색깔일 것입니다. 그런데, 한 사이트에서의 색상은 그 일관성이 무엇보다 중요합니다. 페이지마다 다른 색들이 등장하다 보면 한 사이트에 수십개 또는 수백개의 색이 존재하게 되어 그 전문성과 퀄러티를 현저히 저하 시키게 됩니다.

QPRESS 테마에서는 2개의 대표 색상(Main Color, Point Color)를 사용하여 관련 색으로 파생시키는 스킴을 지니고 있습니다. 이러한 관련 색상에 관한 개념은 아래 링크를 통해 별도로 참고 하시기 바랍니다. https://www.w3schools.com/colors/colors_monochromatic.asp

관련색 예시

qp.css의 Color Scheme은 색상 이름 앞에 x 가 붙으면 어두운 톤을 더하고 이름 뒤에 x가 붙으면 밝은 톤을 더하는 방식을 지니고 있습니다. 이러한 qp.css의 고유한 Color Scheme은 공식문서를 참조 하기 바랍니다. https://qpress.kr/official/documents/colors

주요 색 지정

QPRESS 테마 옵션의 ‘공통스타일’에서 색을 지정 합니다. 사이트 전체의 색상 테마를 지정하는 개념으로 이해 하면 되며, 여기서 지정된 색은 여러곳에서 사용 되어 집니다.

색의 사용

글쓰기 시 지정된 색의 사용
Builder에서 지정된 색의 사용

Main Color

Main Color는 말 그대로 사이트의 가장 주된 색상입니다. ‘공통스타일’에서 설정된 Main Color는 사이트의 주요 버튼, Title 등에 가장 많이 사용되어 집니다.

Main Color 적용 예시