Publication theme

Publication theming: brand colour, logo, font and dark mode stored per publication and previewed with the published renderer.

Theme

Brand colour, accent, logo, font and dark mode for one publication. The control plane validates every field (hex colour, http(s) logo, documented font and dark-mode values) and stores the theme; the same stylesheet is used by this preview and by the published bundle.

Loading…

Preview

The published renderer’s output with this exact theme stylesheet; changing a setting re-renders immediately.

Applied to the published bundleNot loaded yet.

Theme stylesheet (served at /v1/software/exports/publications/live/theme.css)

:root {
  --ds-brand: #355e3b;
  --ds-accent: #d9a441;
  --ds-font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ds-font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --ds-bg: #F7F8F2;
  --ds-surface: #FFFFFF;
  --ds-ink: #17201A;
  --ds-secondary: #536157;
  --ds-border: #D7DED3;
  --ds-on-brand: #FFFFFF;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
:root {
    --ds-bg: #101712;
    --ds-surface: #18221B;
    --ds-ink: #EEF4ED;
    --ds-secondary: #ADBCAF;
    --ds-border: #344338;
    --ds-on-brand: #101712;
  }
}

A published bundle links this stylesheet; the theme is also forwarded to the connected engine’s publication theme surface, and this page states the engine’s answer rather than assuming one.