Installation

Create a sigil.config.ts at your project root. Every visual property flows from this file.

// sigil.config.ts
import { defineConfig } from "@sigil-ui/tokens";

export default defineConfig({
  preset: "cobalt",
  tokens: {
    colors: {
      primary: "oklch(0.65 0.25 260)",
      background: "oklch(0.13 0.01 260)",
      surface: "oklch(0.18 0.015 260)",
    },
    typography: {
      fontDisplay: '"Inter", sans-serif',
      fontMono: '"JetBrains Mono", monospace',
    },
    radius: { md: "8px" },
  },
});