75 lines
1.5 KiB
TypeScript
75 lines
1.5 KiB
TypeScript
export type ColorThemeId = "forest" | "ocean" | "sunset" | "berry";
|
|
export type IconStyleId = "outline" | "emoji" | "bold";
|
|
export type AppearanceId = ColorThemeId;
|
|
|
|
export interface ThemeProposal {
|
|
id: AppearanceId;
|
|
labelKey: string;
|
|
descriptionKey: string;
|
|
colorTheme: ColorThemeId;
|
|
iconStyle: IconStyleId;
|
|
swatch: string;
|
|
}
|
|
|
|
export const THEME_PROPOSALS: ThemeProposal[] = [
|
|
{
|
|
id: "forest",
|
|
labelKey: "appearance.forest",
|
|
descriptionKey: "appearance.forestDesc",
|
|
colorTheme: "forest",
|
|
iconStyle: "outline",
|
|
swatch: "#16774c",
|
|
},
|
|
{
|
|
id: "ocean",
|
|
labelKey: "appearance.ocean",
|
|
descriptionKey: "appearance.oceanDesc",
|
|
colorTheme: "ocean",
|
|
iconStyle: "outline",
|
|
swatch: "#2563eb",
|
|
},
|
|
{
|
|
id: "sunset",
|
|
labelKey: "appearance.sunset",
|
|
descriptionKey: "appearance.sunsetDesc",
|
|
colorTheme: "sunset",
|
|
iconStyle: "emoji",
|
|
swatch: "#d97706",
|
|
},
|
|
{
|
|
id: "berry",
|
|
labelKey: "appearance.berry",
|
|
descriptionKey: "appearance.berryDesc",
|
|
colorTheme: "berry",
|
|
iconStyle: "bold",
|
|
swatch: "#7c3aed",
|
|
},
|
|
];
|
|
|
|
export const NAV_ICON_EMOJI: Record<string, string> = {
|
|
dashboard: "📊",
|
|
coffee: "☕",
|
|
croissant: "🥐",
|
|
soup: "🍲",
|
|
moon: "🌙",
|
|
list: "📋",
|
|
book: "✏️",
|
|
leaf: "🥬",
|
|
diet: "🥗",
|
|
calendar: "📅",
|
|
cart: "🛒",
|
|
};
|
|
|
|
export type NavIconName =
|
|
| "dashboard"
|
|
| "coffee"
|
|
| "croissant"
|
|
| "soup"
|
|
| "moon"
|
|
| "list"
|
|
| "book"
|
|
| "leaf"
|
|
| "diet"
|
|
| "calendar"
|
|
| "cart";
|