Theme

A deck is styled by CSS variables (tokens) that recit.config.ts overrides. Every value accepts hex, rgb(), hsl() or a bare HSL triplet ("295 38% 25%").

recit.config.ts
import { defineConfig } from "@recit/core";

export default defineConfig({
  theme: {
    defaultMode: "light",
    colors: { primary: "#e11d48", background: "#fff7ed", card: "#ffffff" },
    dark: { primary: "#fb7185", background: "#1c1917", card: "#292524" },
    radius: "8px",
    fonts: { heading: "Georgia, serif" },
  },
  footer: { left: "{author}", right: "{slide}/{total}" },
  deck: { aspectRatio: "4:3", transition: "fade" },
});

A story can also name a whole theme, the same for its slides and its film: theme: warm-editorial. See Named themes.