claude
926b6f7cbb
Build and Deploy Verso / deploy (push) Successful in 14m45s
New theme with gradient document cards, serif title typography and a light airy palette. Set as the default for new users. Existing users keep their current theme; all users can switch via the theme toggle (new sparkle icon). Classic Dark / Classic Light are renamed accordingly. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
30 lines
757 B
TypeScript
30 lines
757 B
TypeScript
export type OverallTheme = '' | 'light-' | 'system' | 'lumiere-'
|
|
|
|
export const fontFamilies = {
|
|
monaco: ['Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'monospace'],
|
|
lucida: ['Lucida Console', 'Source Code Pro', 'monospace'],
|
|
opendyslexicmono: ['OpenDyslexic Mono', 'monospace'],
|
|
}
|
|
|
|
export type FontFamily = keyof typeof fontFamilies
|
|
|
|
export const lineHeights = {
|
|
compact: 1.33,
|
|
normal: 1.6,
|
|
wide: 2,
|
|
}
|
|
|
|
export type LineHeight = keyof typeof lineHeights
|
|
|
|
type Options = {
|
|
fontFamily: FontFamily
|
|
fontSize: number
|
|
lineHeight: LineHeight
|
|
}
|
|
|
|
export const userStyles = ({ fontFamily, fontSize, lineHeight }: Options) => ({
|
|
fontFamily: fontFamilies[fontFamily]?.join(','),
|
|
fontSize: `${fontSize}px`,
|
|
lineHeight: lineHeights[lineHeight],
|
|
})
|