65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
export default defineAppConfig({
|
|
ui: {
|
|
primary: 'blue',
|
|
gray: 'neutral',
|
|
|
|
// Configure prose components
|
|
content: {
|
|
prose: {
|
|
// Base prose styling
|
|
prose: {
|
|
base: {
|
|
fontFamily: "'Crimson Text', Georgia, serif",
|
|
fontSize: '1.125rem',
|
|
lineHeight: '1.75',
|
|
maxWidth: 'none',
|
|
}
|
|
},
|
|
// Paragraph styling
|
|
p: {
|
|
base: 'font-serif text-lg leading-relaxed mt-5 mb-5',
|
|
},
|
|
// Heading styles
|
|
h1: {
|
|
base: 'font-serif font-bold text-4xl mt-8 mb-4',
|
|
},
|
|
h2: {
|
|
base: 'font-serif font-semibold text-3xl mt-8 mb-4',
|
|
},
|
|
h3: {
|
|
base: 'font-serif font-semibold text-2xl mt-6 mb-3',
|
|
},
|
|
h4: {
|
|
base: 'font-serif font-semibold text-xl mt-6 mb-3',
|
|
},
|
|
// List styling
|
|
ul: {
|
|
base: 'list-disc pl-6 my-5 space-y-2',
|
|
},
|
|
ol: {
|
|
base: 'list-decimal pl-6 my-5 space-y-2',
|
|
},
|
|
li: {
|
|
base: 'font-serif text-lg leading-relaxed',
|
|
},
|
|
// Link styling
|
|
a: {
|
|
base: 'text-blue-600 underline hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300',
|
|
},
|
|
// Blockquote styling
|
|
blockquote: {
|
|
base: 'border-l-4 border-gray-300 dark:border-gray-700 pl-4 my-5 italic font-serif',
|
|
},
|
|
// Code styling
|
|
code: {
|
|
inline: {
|
|
base: 'bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded text-sm font-mono',
|
|
},
|
|
block: {
|
|
base: 'bg-gray-100 dark:bg-gray-800 p-4 rounded-lg overflow-x-auto my-5',
|
|
}
|
|
},
|
|
}
|
|
}
|
|
}
|
|
})
|