Appearance
Theming & RTL
The widgets use your panel's colour, gray, radius and font tokens, follow the panel's dark mode, and mirror themselves for right-to-left locales.


Right to left
Arabic ships in the box. With an RTL locale, the timeline, toolbar, board and menus mirror.
| Scheduler | Board |
|---|---|
![]() | ![]() |
CSS variables
Override any --sp-* variable on .sp-root:
css
.sp-root {
--sp-side: 280px;
--sp-now: var(--primary-500);
}Motion
Animations respect prefers-reduced-motion.

