export-ms-teams-chats/tailwind.config.cjs at main · 74qb/export-ms-teams-chats · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
const colors = require('tailwindcss/colors');

module.exports = {
    content: ['./assets/**/*.html'],
    theme: {
        extend: {
            backgroundColor: {
                'dark-1': colors.neutral['900'],
                'dark-2': colors.neutral['800'],
                'dark-3': colors.neutral['700'],
                'dark-4': colors.neutral['600'],
                'dark-5': colors.neutral['500'],
                'dark-6': colors.neutral['400'],
                'light-1': colors.white,
                'light-2': colors.neutral['100'],
                'light-3': colors.neutral['200'],
                'light-4': colors.neutral['300'],
                'light-5': colors.neutral['400'],
                'light-6': colors.neutral['500'],
                'dark-tooltip': colors.neutral['600'],
                'light-tooltip': colors.neutral['600'],
            },
            borderColor: {
                'dark-1': colors.neutral['900'],
                'dark-2': colors.neutral['800'],
                'dark-3': colors.neutral['700'],
                'dark-4': colors.neutral['600'],
                'dark-5': colors.neutral['500'],
                'dark-6': colors.neutral['400'],
                'light-1': colors.white,
                'light-2': colors.neutral['100'],
                'light-3': colors.neutral['200'],
                'light-4': colors.neutral['300'],
                'light-5': colors.neutral['400'],
                'light-6': colors.neutral['500'],
            },
            borderRadius: {
                '4xl': '2rem',
                '5xl': '2.5rem',
            },
            textColor: {
                'dark-1': colors.white,
                'dark-2': colors.neutral['200'],
                'dark-3': colors.neutral['400'],
                'dark-4': colors.neutral['600'],
                'dark-5': colors.neutral['800'],
                'light-1': colors.black,
                'light-2': colors.neutral['900'],
                'light-3': colors.neutral['800'],
                'light-4': colors.neutral['700'],
                'light-5': colors.neutral['600'],
                'dark-tooltip': colors.white,
                'light-tooltip': colors.white,
            },
            typography: {
                DEFAULT: {
                    css: {
                        img: {
                            marginTop: 0,
                            marginBottom: 0,
                        },
                        p: {
                            marginTop: 0,
                            marginBottom: 0,
                        },
                    },
                },
            },
        },
    },
    plugins: [require('@tailwindcss/typography')],
};