Theming
Override --magic-* on magic-datetime or a wrapper class.
Dark mode follows prefers-color-scheme, or use theme="dark".
All overrideable tokens
Reference only — defaults are built into the component (Open Props used when loaded).
| Token | Default (light) | Set on | Affects |
|---|
Example override
Pick a preset to see the CSS you would add and a live preview.