mirror of
https://github.com/pocket-id/pocket-id.git
synced 2026-10-06 09:49:04 +02:00
26 lines
738 B
TypeScript
26 lines
738 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'
|
|
};
|