codexa/tailwind.config.js at main · devoption/codexa · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
    darkMode: 'class',
    content: [
        "./resources/**/*.blade.php",
        "./resources/**/*.js",
        "./resources/**/*.vue",
    ],
    theme: {
        extend: {
            fontFamily: {
                'figtree': ['Figtree', 'sans-serif'],
                'jetbrains': ['JetBrains Mono', 'monospace'],
            },
            colors: {
                'primary': 'var(--color-primary)',
                'secondary': 'var(--color-secondary)',

                'alert': {
                    'info': 'var(--color-alert-info)',
                    'success': 'var(--color-alert-success)',
                    'warning': 'var(--color-alert-warning)',
                    'danger': 'var(--color-alert-danger)',
                },

                'gray': {
                    '50': 'var(--color-gray-50)',
                    '100': 'var(--color-gray-100)',
                    '200': 'var(--color-gray-200)',
                    '300': 'var(--color-gray-300)',
                    '400': 'var(--color-gray-400)',
                    '500': 'var(--color-gray-500)',
                    '600': 'var(--color-gray-600)',
                    '700': 'var(--color-gray-700)',
                    '800': 'var(--color-gray-800)',
                    '900': 'var(--color-gray-900)',
                },
            },
        },
    },
    plugins: [
        require('@tailwindcss/forms'),
    ],
}