Brand Palette¶
Apothem uses an indigo-500/400 primary palette with the mkdocs-material custom CSS layer.
Primary colors¶
| Role | Light mode | Dark mode |
|---|---|---|
| Primary | Indigo 500 (#6366f1) | Indigo 400 (#818cf8) |
| Accent | Indigo 500 (#6366f1) | Indigo 400 (#818cf8) |
CSS variables¶
The custom palette is defined in docs/stylesheets/extra.css:
- --md-primary-fg-color: #6366f1 (light mode)
- --md-primary-fg-color: #818cf8 (dark mode)
Usage in documentation¶
The palette is wired in mkdocs.yml via the extra_css: stylesheets/extra.css entry. Light and dark mode variants switch automatically based on the user's system preference.