Skip to content

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.

Board in light and darkBoard in light and dark
Toggle the site's theme to compare: every screenshot here has a dark twin.

Right to left ​

Arabic ships in the box. With an RTL locale, the timeline, toolbar, board and menus mirror.

SchedulerBoard
Scheduler in ArabicBoard in Arabic

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.