Configuration & Branding

const domain = "yourapp.com";
const appName = "YourApp";
const creatorName = "Your Name";

export const config = {
  name: appName,
  description: "Your one-line pitch",
  siteUrl: `https://${domain}`,
  // ... more settings
}

/* ===== THEME START ===== */
:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  /* ... paste theme here ... */
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  /* ... paste dark mode ... */
}
/* ===== THEME END ===== */

:root {
  --primary: oklch(0.6 0.2 250);    /* Your brand color */
  --secondary: oklch(0.7 0.1 200);
  /* Adjust others */
}

import { Inter } from 'next/font/google'

// Change 'Inter' to your font
const font = Inter({ 
  subsets: ['latin'],
  variable: '--font-sans',
})

@font-face {
  font-family: 'YourFont';
  src: url('/fonts/your-font.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@theme inline {
  --font-yourfont: 'YourFont', sans-serif;
}