The 7 Color Roles
Every printmd theme is built on 7 distinct color roles. Understanding them lets you create cohesive, professional documents with minimal effort.
Background
globalStyles.backgroundColor
The base canvas color for your entire document. Sets the overall tone - light for readability, dark for a modern feel.
Text
globalStyles.textColor
The primary body text color. Ensure sufficient contrast against the background for comfortable reading.
Heading
h1.color
Color for H1 through H6 headings. A distinct heading color helps readers scan your document structure.
Bold
strong.color
Color for bold / strong text. An accent color here draws attention to important terms and phrases.
Link
globalStyles.linkColor
Color for hyperlinks and accents. A vibrant link color signals clickable elements clearly.
Code BG
globalStyles.codeBackground
Background color for inline code and code blocks. A subtle tint distinguishes code from surrounding text.
Divider
hr.backgroundColor
Color for horizontal rules (---). Dividers separate sections and provide visual breathing room.
Color Roles Across Presets
See how the same 7 roles produce dramatically different results depending on the preset theme.
| 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 |
How It Works
- 1
Select a preset theme
Open the printmd editor and choose one of the built-in preset themes as your starting point.
- 2
Customize each color role
Use the style panel to adjust Background, Text, Heading, Bold, Link, Code BG, and Divider colors to match your brand.
- 3
Export to PDF
When you are satisfied, export your Markdown as a pixel-perfect PDF with your custom color palette applied.
Frequently Asked Questions
- Can I customize colors in printmd?
- Yes. printmd lets you adjust all 7 color roles - Background, Text, Heading, Bold, Link, Code BG, and Divider - through the style panel. Changes are reflected in real-time and applied when you export to PDF.
- What are Color Roles?
- Color Roles are the 7 semantic color slots that define a theme in printmd: Background, Text, Heading, Bold, Link, Code BG, and Divider. Each role controls a specific part of your document, making it easy to create consistent styles.
- Can I save custom color palettes?
- Currently printmd stores your customizations in the browser. You can start from any preset theme, adjust the colors, and your changes persist across sessions. Shareable palette export is on the roadmap.
Ready to create your own color palette?
Open the Editor