Built-in Presets

Themvora's curated palette collection — nine generated families.

Default presets

import { getPresetThemes } from "@themvora/core";

// Default presets — nine families, light + dark
const themes = getPresetThemes();

// Restyle one family's tokens
const custom = getPresetThemes({
  plum: {
    light: { tokens: { colors: { primary: "#6d28d9" } } },
  },
});

Brand presets

import { getBrandPresets } from "@themvora/core";

// Apple, GitHub, Vercel, Slack, Discord — light + dark each
const themes = getBrandPresets();

const github = themes.filter((t) => t.meta?.family === "github");
createThemeRuntime({ themes: github, defaultTheme: "github-light" });

Visual regression board

The same component board under every preset, in both modes. The numeric gates check contrast, separation and anchor preservation; none of them can see that a disabled button reads as enabled or that a selected tab has no visible state. This is the part that has to be looked at. The Generated tab renders themes produced by generateTheme() rather than by a curated recipe — the presets are 14 hand-checked inputs, and the generator is unbounded.