up-csi.github.io/tailwind.config.ts at main · syncopascual/up-csi.github.io · 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 forms from '@tailwindcss/forms';

export default {
    content: ['./src/**/*.{css,html,js,svelte,ts}'],
    theme: {
        extend: {
            backgroundImage: {
                lino: 'url("$lib/assets/lino/lino-hero.svg")',
            },
            colors: {
                background: 'var(--color-background)',
                foreground: 'var(--color-foreground)',

                invert: 'var(--color-invert)',
                'invert-foreground': 'var(--color-invert-foreground)',

                primary: 'var(--color-primary)',
                'primary-foreground': 'var(--color-primary-foreground)',

                highlight: 'var(--color-highlight)',
                'highlight-foreground': 'var(--color-highlight-foreground)',

                secondary: 'var(--color-secondary)',
                'secondary-foreground': 'var(--color-secondary-foreground)',

                muted: 'var(--color-muted)',
                'muted-foreground': 'var(--color-muted-foreground)',

                button: 'var(--color-button)',
                'button-foreground': 'var(--color-button-foreground)',
                'button-hover': 'var(--color-button-hover)',

                filter: 'var(--color-filter)',
                'filter-foreground': 'var(--color-filter-foreground)',
                'filter-hover': 'var(--color-filter-hover)',
                'selected-filter': 'var(--color-selected-filter)',
                'selected-filter-foreground': 'var(--color-selected-filter-foreground)',

                float: 'var(--color-float)',
                'float-foreground': 'var(--color-float-foreground)',
            },
            typography: {
                DEFAULT: {
                    css: {
                        '--tw-prose-body': 'var(--color-foreground)',
                        '--tw-prose-headings': 'var(--color-foreground)',
                        '--tw-prose-bullets': 'var(--color-foreground)',
                    },
                },
            },
        },
    },
    plugins: [forms],
} satisfies Config;