app/tailwind.config.js at 4.x · laradumps/app · 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
const colors = require('tailwindcss/colors');
const defaultTheme = require('tailwindcss/defaultTheme');

export default {
    content: ['./src/renderer/*.vue', './src/renderer/components/*.vue', './src/renderer/views/*.vue'],
    darkMode: 'class',
    safelist: [
        'bg-black',
        'w-[1rem]',
        'h-[1rem]',
        'w-20',
        'gap-2',
        'bg-green-500',
        'bg-blue-500',
        'bg-purple-500',
        'bg-orange-500',
        'bg-violet-500',
        'bg-red-500',
        'border-purple-500',
        'border-blue-500',
        'border-orange-500',
        'border-green-500',
        'border-violet-500',
        'border-red-500'
    ],
    theme: {
        listStyleType: {
            none: 'none',
            square: 'square',
            roman: 'upper-roman'
        },
        height: {
            'fill-available': '-webkit-fill-available'
        },
        zIndex: {
            100: '100',
            200: '200',
            300: '300'
        },
        screens: {
            xs: '475px',
            ...defaultTheme.screens
        },
        extend: {
            colors: {
                base1: colors.neutral
            }
        }
    }
};