launchpad/tailwind.config.mts at main · OneLiteFeatherNET/launchpad · 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
import type { Config } from 'tailwindcss';

export default {
    darkMode: 'class',
    theme: {
        extend: {
            // Farben über CSS-Variablen verfügbar machen (Tailwind-kompatibel)
            colors: {
                // Semantische Brand-Tokens
                primary: {
                    DEFAULT: 'var(--color-brand-primary)',
                    fg: '#FFFFFF'
                },
                secondary: {
                    DEFAULT: 'var(--color-brand-secondary)',
                    fg: '#0b1020'
                },
                accent: {
                    DEFAULT: 'var(--color-brand-accent)',
                    fg: '#FFFFFF'
                },
                orange: {
                    DEFAULT: 'var(--color-brand-orange)',
                    fg: '#0b1020'
                },
                purple: {
                    DEFAULT: 'var(--color-brand-purple)',
                    fg: '#FFFFFF'
                },
                // UI-Neutrals
                bg: 'var(--color-bg)',
                surface: 'var(--color-surface)',
                text: 'var(--color-text)',
                muted: 'var(--color-muted)',
                border: 'var(--color-border)',
                white: 'var(--color-white)'
            },
            backgroundImage: {
                'gradient-brand': 'var(--gradient-brand)',
                'gradient-accent': 'var(--gradient-accent)'
            },
            ringColor: {
                DEFAULT: 'var(--color-brand-secondary)'
            },
            borderColor: {
                DEFAULT: 'var(--color-border)'
            }
        }
    }
} satisfies Config;