Foundation
Themes & overrides
The system ships two themes — placemakr-light andplacemakr-dark — set via data-theme on any ancestor. Below, each panel scopes its own theme, so both render at once regardless of the global toolbar setting.
Light & dark, side by side
placemakr-light
confirmed
Check-in opens at 3:00pm.
placemakr-dark
confirmed
Check-in opens at 3:00pm.
Override convention
Components re-tint by overriding role tokens on a scope, never by hard-coding colors. Setting data-tone="pool" on any element re-points the primary role to the Pool accent for everything inside it.
Default primary
primary
data-tone="pool"
primary