ai-hackathon/tailwind.config.js at master · niraj-toad/ai-hackathon · 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
const colors = require('tailwindcss/colors');
const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './resources/**/*.vue',
    ],
    theme: {
        extend: {
            fontFamily: {
                'serif': [...defaultTheme.fontFamily.sans],
            },
        },
        colors: {
            accent: {
                800: colors.green['800'],
                900: colors.green['900'],
            },
            primary: {
                0: colors.white,
                50: colors.gray['50'],
                100: colors.gray['100'],
                200: colors.gray['200'],
                300: colors.gray['300'],
                400: colors.gray['400'],
                800: colors.gray['800'],
            },
            secondary: {
                50: colors.zinc['50'],
                300: colors.zinc['300'],
                100: colors.zinc['100'],
                200: colors.zinc['200'],
            },
            red: {
                400: colors.red['400'],
                600: colors.red['600'],
            },
            transparent: colors.transparent,
            white: colors.white,
        },
        textColor: {
            primary: {
                100: colors.zinc['100'],
                500: colors.zinc['500'],
                900: colors.zinc['900'],
            },
            accent: {
                800: colors.green['800'],
            },
            green: {
                600: colors.green['600'],
            },
            red: {
                600: colors.red['600'],
            },
            transparent: colors.transparent,
        },
    },
    plugins: [
        require('@headlessui/tailwindcss'),
    ],
};