UI and Styling Reference¶
Core theme styling and component documentation for contributors and maintainers.
Contents¶
| Document | Description |
|---|---|
| Design System | Tokens, SCSS architecture, Bootstrap integration, import order |
| Design Tokens | Quick reference for color, spacing, typography, shadow, motion |
| Theming | Skins, color modes, Appearance panel, built-in palettes |
| Configuration | _config.yml styling keys with examples |
| Components | Liquid include library (_includes/components/) |
| Layouts and Navigation | Sidebars, TOC, navbar, FABs, layout hierarchy |
| Code Blocks | Rouge syntax highlighting, copy button, line numbers |
| Customization | Decision tree for fork-safe changes |
| Extending | Add new layouts, components, includes, and plugins |
| JavaScript API | Public JS surface: zer0Navigation, zer0Bg, zer0UI |
Live Preview¶
The built site exposes a theme preview at /about/settings/theme-preview/.