atmo.rsvp
1export interface EventTheme {
2 name: string;
3 accentColor: string;
4 baseColor: string;
5}
6
7export const accentColors = [
8 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald',
9 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple',
10 'fuchsia', 'pink', 'rose'
11] as const;
12
13export const defaultTheme: EventTheme = {
14 name: 'minimal',
15 accentColor: 'cyan',
16 baseColor: 'mist'
17};
18
19export function randomAccentColor(): string {
20 return accentColors[Math.floor(Math.random() * accentColors.length)];
21}
22
23export const themeBackgrounds: Record<string, string> = {
24 minimal: 'Minimal',
25 blobs: 'Blobs',
26 warp: 'Stars',
27 matrix: 'Matrix',
28 fireflies: 'Fireflies',
29 butterflies: 'Butterflies',
30 kaleidoscope: 'Kaleidoscope'
31};