tabpilot/tailwind.config.ts at main · florianlanx/tabpilot · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './src/**/*.{vue,ts,html}',
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        primary: 'var(--bg-primary)',
        secondary: 'var(--bg-secondary)',
        elevated: 'var(--bg-elevated)',
        't-primary': 'var(--text-primary)',
        't-secondary': 'var(--text-secondary)',
        't-tertiary': 'var(--text-tertiary)',
        border: 'var(--border)',
        accent: 'var(--accent)',
        'accent-soft': 'var(--accent-soft)',
        hover: 'var(--hover)',
        'g-blue': 'var(--group-blue)',
        'g-green': 'var(--group-green)',
        'g-purple': 'var(--group-purple)',
        'g-cyan': 'var(--group-cyan)',
        'g-red': 'var(--group-red)',
        'g-yellow': 'var(--group-yellow)',
        'g-pink': 'var(--group-pink)',
        'g-grey': 'var(--group-grey)',
      },
      boxShadow: {
        'xs': 'var(--shadow-xs)',
        'sm': 'var(--shadow-sm)',
        'card': 'var(--shadow-card)',
      },
      borderRadius: {
        'card': '12px',
        'btn': '8px',
      },
      transitionTimingFunction: {
        'apple': 'cubic-bezier(0.25, 0.1, 0.25, 1)',
      },
      transitionDuration: {
        '250': '250ms',
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
  ],
}