style: map fonts to standard Tailwind variables for prose compatibility
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
This commit is contained in:
@@ -33,9 +33,12 @@
|
||||
--color-gray-200: #e0e0e0;
|
||||
--color-gray-100: #f5f5f5;
|
||||
|
||||
/* Font Families */
|
||||
--font-family-body: "Lora", serif;
|
||||
--font-family-heading: "Playfair Display", serif;
|
||||
/* Font Families - Mapping to standard Tailwind keys for 'prose' compatibility */
|
||||
--font-serif: "Lora", serif;
|
||||
--font-heading: "Playfair Display", serif;
|
||||
|
||||
/* Set Lora as the default 'sans' as well so 'prose' picks it up automatically */
|
||||
--font-sans: "Lora", serif;
|
||||
}
|
||||
|
||||
/* Light Theme Overrides */
|
||||
@@ -54,11 +57,11 @@ html[data-theme='light'] {
|
||||
body {
|
||||
background-color: var(--bg-primary);
|
||||
color: var(--text-primary);
|
||||
font-family: var(--font-family-body);
|
||||
font-family: var(--font-serif);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: var(--font-family-heading);
|
||||
font-family: var(--font-heading);
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user