Interface: ThemeStylesProps

Defined in: react.tsx:773

Props for the ThemeStyles component.

Extended by

• ThemeHeadProps

Properties

nonce?

optional nonce?: string

Defined in: react.tsx:788

CSP nonce for the inline style tag.

---

systemModeFallback?

optional systemModeFallback?: boolean

Defined in: react.tsx:795

Emit the @media (prefers-color-scheme) fallback block (themeId-less bundles only). Default true. Set false when the app's defaultMode is a fixed 'light'/'dark' rather than 'system' — <ThemeHead> derives this automatically from its defaultMode.

---

theme

theme: ThemeBundle

Defined in: react.tsx:775

The theme bundle to generate CSS for.

---

themeId?

optional themeId?: string

Defined in: react.tsx:786

Theme identifier for CSS scoping ([data-tt-theme="<themeId>"]).

Omit in the canonical 1-theme model — CSS targets :root and the alternate mode selector becomes :root[data-tt-mode="dark"]. No theme name repetition required.

Pass themeId only for multi-theme scenarios (Storybook, micro-frontends, apps with visual theme switching).