Gallery: Themes¶
The same diagram rendered in every preset Engrapha theme. This page shows the power and clean auto-matching of the theme system.
Set up:
gallery_themes.py
import engrapha_notes as en
import engrapha_diagrams as ed
fc = ed.Flowchart(width=340, height=180)
fc.terminal("s", "START").process("w", "Work").terminal("e", "END")
fc.edge("s", "w").edge("w", "e")
for tname, theme in [
("DARK", en.DARK),
("LIGHT", en.LIGHT),
("OCEAN_DARK", en.OCEAN_DARK),
("FOREST_DARK", en.FOREST_DARK),
("SUNSET_DARK", en.SUNSET_DARK),
("MIDNIGHT_DARK", en.MIDNIGHT_DARK),
("OCEAN_LIGHT", en.OCEAN_LIGHT),
("SEPIA", en.SEPIA),
("CATPPUCCIN_LATTE", en.CATPPUCCIN_LATTE),
("CATPPUCCIN_MOCHA", en.CATPPUCCIN_MOCHA),
]:
en.set_theme(theme)
diag_t = ed.DiagramTheme.from_notes_theme(en.get_theme())
fc2 = ed.Flowchart(width=340, height=180, theme=diag_t, caption=f"Theme: {tname}")
fc2.terminal("s", "START").process("w", "Work").terminal("e", "END")
fc2.edge("s", "w").edge("w", "e")
en.add(fc2.as_flowable())
en.sp(6)
en.build_doc("gallery_themes.pdf")
Theme comparison grid¶
| Theme | Background | Accent |
|---|---|---|
| DARK | #0d1117 |
#79c0ff |
| LIGHT | #ffffff |
#2563eb |
| OCEAN_DARK | #020c14 |
#22d3ee |
| FOREST_DARK | #0b1512 |
#4ade80 |
| SUNSET_DARK | #0c0811 |
#fb923c |
| MIDNIGHT_DARK | #07050f |
#818cf8 |
| OCEAN_LIGHT | #f0f9ff |
#0891b2 |
| SEPIA | #faf7f0 |
#92400e |
| CATPPUCCIN_LATTE | #eff1f5 |
#1e66f5 |
| CATPPUCCIN_MOCHA | #1e1e2e |
#89b4fa |
