remark42_hotfix_7_3_2

1
const colors = require('tailwindcss/colors')
2
const { spacing } = require('tailwindcss/defaultTheme')
3

4
module.exports = {
5
	content: ['.eleventy.js', 'src/**/*.{njk,md,html,js}'],
6
	mode: 'jit',
7
	darkMode: 'class',
8
	theme: {
9
		extend: {
10
			colors: {
11
				neutral: colors.neutral,
12
				brand: {
13
					50: '#edfdfb',
14
					100: '#e0fbf8',
15
					200: '#aef4ee',
16
					300: '#4be7dc',
17
					400: '#1ccac1',
18
					500: '#16a29f',
19
					600: '#157f7f',
20
					700: '#126263',
21
					800: '#125254',
22
					900: '#134b4e',
23
				},
24
			},
25
			container: {
26
				center: true,
27
				padding: spacing[4],
28
				screens: {
29
					sm: '100%',
30
					md: '1024px',
31
					lg: '1200px',
32
					xl: false,
33
				},
34
			},
35
			typography: (theme) => ({
36
				DEFAULT: {
37
					css: {
38
						'h1, h2': { color: theme('colors.brand.900') },
39
						'h3,h4,h5,h6': { color: theme('colors.gray.700') },
40
						pre: {
41
							color: theme('colors.gray.500'),
42
							backgroundColor: theme('colors.gray.100'),
43
						},
44
					},
45
				},
46
				dark: {
47
					css: [
48
						{
49
							color: theme('colors.gray.300'),
50
							a: {
51
								color: theme('colors.gray.200'),
52
							},
53
							strong: {
54
								color: theme('colors.gray.200'),
55
							},
56
							'ol > li::before': {
57
								color: theme('colors.gray.400'),
58
							},
59
							'ul > li::before': {
60
								backgroundColor: theme('colors.gray.600'),
61
							},
62
							hr: {
63
								borderColor: theme('colors.gray.300'),
64
							},
65
							blockquote: {
66
								color: theme('colors.gray.300'),
67
								borderLeftColor: theme('colors.gray.600'),
68
							},
69
							h1: {
70
								color: theme('colors.gray.200'),
71
							},
72
							h2: {
73
								color: theme('colors.gray.200'),
74
							},
75
							h3: {
76
								color: theme('colors.gray.200'),
77
							},
78
							h4: {
79
								color: theme('colors.gray.200'),
80
							},
81
							'figure figcaption': {
82
								color: theme('colors.gray.400'),
83
							},
84
							code: {
85
								color: theme('colors.gray.200'),
86
							},
87
							'a code': {
88
								color: theme('colors.gray.200'),
89
							},
90
							pre: {
91
								backgroundColor: theme('colors.gray.800'),
92
							},
93
							thead: {
94
								color: theme('colors.gray.200'),
95
								borderBottomColor: theme('colors.gray.400'),
96
							},
97
							'tbody tr': {
98
								borderBottomColor: theme('colors.gray.600'),
99
							},
100
							hr: {
101
								borderColor: theme('colors.gray.500'),
102
							},
103
						},
104
					],
105
				},
106
			}),
107
		},
108
	},
109
	variants: {},
110
	plugins: [require('@tailwindcss/typography')],
111
}
112