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:
+27
-1
@@ -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: [
|
||||
|
||||
Reference in New Issue
Block a user