fix: remove custom CSS, centralize prose styling in tailwind config

- Remove custom CSS <style> tags from docs template (violates guidelines)
- Move prose typography customization to tailwind.config.ts
- Use theme tokens for all colors (adjustable with theme)
- Set code blocks to background.secondary (darker than primary)
- Remove duplicate inline typography config from both templates
- Now uses single source of truth for documentation styling
This commit is contained in:
2026-02-03 09:11:35 -05:00
parent bac7ba8a75
commit 737693db60
2 changed files with 30 additions and 33 deletions
+27 -1
View File
@@ -27,7 +27,33 @@ const config: Config = {
'text-secondary': '#565f89',
'accent': '#7aa2f7',
'border': '#414868',
}
},
typography: ({ theme }) => ({
invert: {
css: {
'--tw-prose-pre-bg': theme('colors.background.secondary'),
code: {
backgroundColor: theme('colors.background.primary'),
color: theme('colors.text.primary'),
fontWeight: '400',
},
'code::before': {
content: '""',
},
'code::after': {
content: '""',
},
'pre code': {
backgroundColor: 'transparent',
color: 'inherit',
},
pre: {
backgroundColor: theme('colors.background.secondary'),
color: theme('colors.text.primary'),
},
},
},
}),
}
},
plugins: [