hubble-components/tailwind.config.ts at main · hubblecommerce/hubble-components · 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
module.exports = {
    plugins: [
        require('daisyui'),
        require('@tailwindcss/typography')
    ],
    theme: {
        extend: {
            borderColor: {
                DEFAULT: '#656565'
            },
            typography: (theme) => ({
                DEFAULT: {
                    css: {
                        h1: {
                            fontSize: theme('fontSize.3xl'),
                        },
                        h2: {
                            fontSize: theme('fontSize.2xl'),
                        },
                        h3: {
                            fontSize: theme('fontSize.xl'),
                        },
                        h4: {
                            fontSize: theme('fontSize.lg'),
                        },
                        h5: {
                            fontSize: theme('fontSize.base'),
                        },
                        h6: {
                            fontSize: theme('fontSize.sm'),
                        },
                        pre: {
                            backgroundColor: '#040306'
                        }
                    },
                },
            }),
        }
    },
    daisyui: {
        logs: false,
        themes: [
            {
                mytheme: {
                    "primary": "#d00171",
                    "secondary": "#9a278f",
                    "accent": "#004da8",
                    "neutral": "#999999",
                    "base-100": "#1b172d",
                    "base-200": "#0d0b16",
                    "base-300": "#040306",
                    "base-content": "#fbfdfd",
                },
            }
        ],
    },
};