Installed @tailwindcss/typography plugin to fix 'wall of text' issue in documentation. The prose classes now properly style markdown HTML elements with: - Proper margins and spacing for headings, paragraphs, lists - Line-height and typography improvements - Styled code blocks, blockquotes, tables, and links Changes: - Add @tailwindcss/typography to devDependencies - Configure plugin in tailwind.config.ts - Regenerate CSS with typography styles included
40 lines
856 B
TypeScript
40 lines
856 B
TypeScript
import type { Config } from 'tailwindcss';
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./templates/**/*.{templ,html}",
|
|
"./web/static/**/*.{html,js}"
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
DEFAULT: '#7aa2f7',
|
|
50: '#f0f9ff',
|
|
100: '#e0f2fe',
|
|
200: '#bae6fd',
|
|
300: '#7dd3fc',
|
|
400: '#38bdf8',
|
|
500: '#0ea5e9',
|
|
600: '#0284c7',
|
|
700: '#0369a1',
|
|
800: '#075985',
|
|
900: '#0c4a6e',
|
|
},
|
|
'bg-primary': '#1a1b26',
|
|
'bg-secondary': '#16161e',
|
|
'text-primary': '#a9b1d6',
|
|
'text-secondary': '#565f89',
|
|
'accent': '#7aa2f7',
|
|
'border': '#414868',
|
|
}
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography'),
|
|
],
|
|
};
|
|
|
|
export default config;
|