mirror of
https://github.com/pocket-id/pocket-id.git
synced 2026-09-22 10:59:05 +02:00
26 lines
756 B
TypeScript
26 lines
756 B
TypeScript
// Design tokens mirrored from the frontend's app.css (light theme) so emails match the app
|
|
// Email clients have no CSS variable or oklch support, so the values are the resolved hex equivalents
|
|
export const colors = {
|
|
background: "#f5f5f5",
|
|
card: "#ffffff",
|
|
border: "#e5e5e5",
|
|
muted: "#fafafa",
|
|
foreground: "#0a0a0a",
|
|
text: "#404040",
|
|
mutedForeground: "#737373",
|
|
primary: "#171717",
|
|
primaryForeground: "#ffffff",
|
|
};
|
|
|
|
export const fonts = {
|
|
sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
|
|
serif: "Gloock, Georgia, 'Times New Roman', serif",
|
|
mono: "'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
|
|
};
|
|
|
|
export const radius = {
|
|
card: "24px",
|
|
box: "16px",
|
|
pill: "9999px",
|
|
};
|