Themes
Mioru ships with two official Sage themes (light and dark) plus a built-in theme system.
Sage Themes
Sage Light and Sage Dark are Mira's default themes. They use a calm green palette designed for long reading and writing sessions. The theme toggle is available in the top navigation bar on every page.
Theme Features
- Auto-detection: Mioru respects your system
prefers-color-schemesetting on first launch - Persistence: Your theme choice is saved and restored across restarts
- Full coverage: Every UI element — sidebar, editor, chat, modals, toasts — follows the active theme
In-App Themes
The Mioru desktop app includes 9 built-in editor themes that change the look of your notes:
| Theme | Style |
|---|---|
| Dark | Default dark gray |
| Light | Clean white |
| Dracula | Dark purple with pink accents |
| Ocean | Navy blue with teal |
| Classic | Pure black and white |
| Nord | Cool blue-gray |
| Gruvbox | Warm retro beige and orange |
| Solarized Dark | Classic solarized dark |
| Solarized Light | Classic solarized light |
Custom Themes
Theme colors in Mioru are defined via CSS custom properties. Advanced users can create custom themes by modifying the theme variables. The theme system uses a [data-theme] attribute on the root element.