7가지 Color Role
모든 printmd 테마는 7가지 Color Role 위에 구축됩니다. 이를 이해하면 최소한의 노력으로 일관되고 전문적인 문서를 만들 수 있습니다.
Background
globalStyles.backgroundColor
문서 전체의 기본 캔버스 색상입니다. 전체적인 톤을 설정합니다 - 밝은 색은 가독성을, 어두운 색은 모던한 느낌을 줍니다.
Text
globalStyles.textColor
기본 본문 텍스트 색상입니다. 편안한 읽기를 위해 배경과 충분한 대비를 확보하세요.
Heading
h1.color
H1부터 H6까지의 제목 색상입니다. 독특한 제목 색상은 독자가 문서 구조를 쉽게 파악하게 돕습니다.
Bold
strong.color
볼드 / 강조 텍스트의 색상입니다. 여기에 강조 색상을 사용하면 중요한 용어와 구문에 주의를 끌 수 있습니다.
Link
globalStyles.linkColor
하이퍼링크 및 강조 색상입니다. 선명한 링크 색상은 클릭 가능한 요소를 명확히 나타냅니다.
Code BG
globalStyles.codeBackground
인라인 코드 및 코드 블록의 배경 색상입니다. 은은한 색조가 코드를 주변 텍스트와 구별해 줍니다.
Divider
hr.backgroundColor
수평선(---)의 색상입니다. 구분선은 섹션을 나누고 시각적 여백을 제공합니다.
프리셋별 Color Role 비교
동일한 7가지 역할이 프리셋 테마에 따라 어떻게 극적으로 다른 결과를 만드는지 확인하세요.
| Role | Default | Dark | Ocean | Terminal |
|---|---|---|---|---|
| Background | #ffffff | #1a1a1a | #0d1b2a | #0a0a0a |
| Text | #1a1a1a | #e0e0e0 | #e0f0ff | #00ff00 |
| Heading | #1a1a1a | #ffffff | #90e0ef | #39ff14 |
| Bold | #1a1a1a | #ffffff | #48cae4 | #ffff00 |
| Link | #0066cc | #6db3f2 | #48cae4 | #00ccff |
| Code BG | #f5f5f5 | #2d2d2d | #1b2838 | #1a1a1a |
| Divider | rgba(0,0,0,0.15) | rgba(255,255,255,0.15) | rgba(72,202,228,0.3) | #005500 |
사용 방법
- 1
프리셋 테마 선택
printmd 에디터를 열고 내장 프리셋 테마 중 하나를 시작점으로 선택하세요.
- 2
각 Color Role 커스터마이징
스타일 패널에서 배경, 텍스트, 제목, 볼드, 링크, 코드 배경, 구분선 색상을 브랜드에 맞게 조정하세요.
- 3
PDF로 내보내기
만족스러우면 커스텀 색상 팔레트가 적용된 완벽한 PDF로 마크다운을 내보내세요.
자주 묻는 질문
- printmd에서 색상을 커스터마이징할 수 있나요?
- 네. printmd에서는 스타일 패널을 통해 배경, 텍스트, 제목, 볼드, 링크, 코드 배경, 구분선 등 7가지 Color Role을 모두 조정할 수 있습니다. 변경사항은 실시간으로 반영되며 PDF 내보내기 시 적용됩니다.
- Color Role이란 무엇인가요?
- Color Role은 printmd 테마를 구성하는 7가지 의미론적 색상 슬롯입니다: 배경, 텍스트, 제목, 볼드, 링크, 코드 배경, 구분선. 각 역할이 문서의 특정 부분을 제어하므로 일관된 스타일을 쉽게 만들 수 있습니다.
- 커스텀 색상 팔레트를 저장할 수 있나요?
- 현재 printmd는 브라우저에 커스터마이징 내용을 저장합니다. 프리셋 테마에서 시작하여 색상을 조정하면 세션 간에도 변경사항이 유지됩니다. 팔레트 공유 기능은 로드맵에 포함되어 있습니다.
나만의 색상 팔레트를 만들어 보시겠어요?
에디터 열기