website/tailwind.config.cjs at main · christmas-countdown/website · GitHub

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
const typography = require('@tailwindcss/typography');

module.exports = {
	darkMode: 'class', // or 'media' or 'class'
	plugins: [typography],
	purge: [
		'./src/**/*.html',
		'./src/**/*.svelte',
		'./src/**/*.md'
	],
	theme: {
		extend: {
			colors: {
				blurple: '#5865F2',
				original: '#090B44',
				primary: '#D5002C',
				'primary-dark': '#8F001D',
				'primary-light': '#D6A7B0'
			},
			typography: {
				DEFAULT: {
					css: {
						a: {
							color: 'white',
							fontWeight: '700',
							// textDecoration: 'none',
							textDecoration: 'underline',
							textDecorationStyle: 'dotted'
						},
						'a code': { color: '#D5002C' },
						'a:hover': { textDecorationStyle: 'solid' },
						blockquote: { color: 'white' },
						code: {
							backgroundColor: 'rgba(213, 0, 44, 0.3)',
							borderRadius: '5px',
							color: 'white',
							fontWeight: '600',
							padding: '1px',
							userSelect: 'all'
						},
						color: 'white',
						h1: { color: 'white' },
						h2: { color: 'white' },
						h3: { color: 'white' },
						h4: { color: 'white' },
						h5: { color: 'white' },
						h6: { color: 'white' },
						strong: {
							color: 'white',
							fontWeight: '800'
						},
						'th': { color: 'white' }
					}
				}
			}
		}
	},
	variants: { extend: {} }
};