open-dynamic-export/tailwind.config.ts at main · longzheng/open-dynamic-export · 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
import type { Config } from 'tailwindcss';
import { heroui } from '@heroui/theme';
import type { ReadingLocation } from '@/components/reading';

export const readingColors: Record<ReadingLocation, string> = {
    site: '#A5EEFD',
    der: '#ac79ea',
    load: '#ea7979',
};

export default {
    content: [
        './index.html',
        './src/ui/**/*.{js,ts,jsx,tsx,mdx}',
        './node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}',
    ],
    theme: {
        extend: {
            animation: {
                'pulse-glow': 'pulse-glow 1s ease-out',
            },
            keyframes: {
                'pulse-glow': {
                    '0%': { transform: 'scale(1)', opacity: '0.8' },
                    '100%': { transform: 'scale(3)', opacity: '0' },
                },
            },
        },
    },
    darkMode: 'class',
    plugins: [
        heroui({
            themes: {
                'reading-site': {
                    extend: 'dark',
                    colors: {
                        primary: readingColors.site,
                    },
                },
                'reading-der': {
                    extend: 'dark',
                    colors: {
                        primary: readingColors.der,
                    },
                },
                'reading-load': {
                    extend: 'dark',
                    colors: {
                        primary: readingColors.load,
                    },
                },
            },
        }),
    ],
} satisfies Config;