-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.cjs
64 lines (63 loc) · 2.13 KB
/
tailwind.config.cjs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
const colors = require('tailwindcss/colors')
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'media',
content: ['./src/**/*.{astro,md}'],
theme: {
extend: {
typography: () => ({
DEFAULT: {
css: {
'--tw-prose-body': colors.zinc[900],
'--tw-prose-headings': colors.zinc[900],
'--tw-prose-lead': colors.zinc[900],
'--tw-prose-links': colors.zinc[900],
'--tw-prose-bold': colors.zinc[900],
'--tw-prose-counters': colors.zinc[900],
'--tw-prose-bullets': colors.zinc[900],
'--tw-prose-hr': colors.zinc[600],
'--tw-prose-quotes': colors.zinc[900],
'--tw-prose-quote-borders': colors.zinc[900],
'--tw-prose-captions': colors.zinc[900],
'--tw-prose-code': colors.zinc[900],
'--tw-prose-pre-code': colors.zinc[900],
'--tw-prose-pre-bg': colors.gray[100],
'--tw-prose-th-borders': colors.zinc[900],
'--tw-prose-td-borders': colors.zinc[900],
'--tw-prose-invert-body': colors.neutral[50],
'--tw-prose-invert-headings': colors.neutral[50],
'--tw-prose-invert-lead': colors.neutral[50],
'--tw-prose-invert-links': colors.neutral[50],
'--tw-prose-invert-bold': colors.neutral[50],
'--tw-prose-invert-counters': colors.neutral[50],
'--tw-prose-invert-bullets': colors.neutral[50],
'--tw-prose-invert-hr': colors.neutral[300],
'--tw-prose-invert-quotes': colors.neutral[50],
'--tw-prose-invert-quote-borders': colors.neutral[50],
'--tw-prose-invert-captions': colors.neutral[50],
'--tw-prose-invert-code': colors.neutral[50],
'--tw-prose-invert-pre-code': colors.neutral[50],
'--tw-prose-invert-pre-bg': colors.zinc[900],
'--tw-prose-invert-th-borders': colors.neutral[50],
'--tw-prose-invert-td-borders': colors.neutral[50]
}
}
})
},
textColor: {
primary: {
dark: colors.neutral[50],
light: colors.zinc[900]
},
secondary: {
dark: colors.neutral[300],
light: colors.zinc[600]
}
},
backgroundColor: {
light: colors.gray[100],
dark: colors.zinc[900]
}
},
plugins: [require('@tailwindcss/typography')]
}