agentpane/tailwind.config.ts at main · agentdevsl/agentpane · 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
import type { Config } from 'tailwindcss';

const config: Config = {
  content: ['./src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
      },
      colors: {
        canvas: 'var(--bg-canvas)',
        surface: {
          DEFAULT: 'var(--bg-default)',
          subtle: 'var(--bg-subtle)',
          muted: 'var(--bg-muted)',
          emphasis: 'var(--bg-emphasis)',
        },
        border: {
          DEFAULT: 'var(--border-default)',
          muted: 'var(--border-muted)',
          subtle: 'var(--border-subtle)',
        },
        fg: {
          DEFAULT: 'var(--fg-default)',
          muted: 'var(--fg-muted)',
          subtle: 'var(--fg-subtle)',
          'on-emphasis': 'var(--fg-on-emphasis)',
        },
        accent: {
          DEFAULT: 'var(--accent-fg)',
          emphasis: 'var(--accent-emphasis)',
          muted: 'var(--accent-muted)',
          subtle: 'var(--accent-subtle)',
          hover: 'var(--accent-hover)',
        },
        success: {
          DEFAULT: 'var(--success-fg)',
          emphasis: 'var(--success-emphasis)',
          muted: 'var(--success-muted)',
          subtle: 'var(--success-subtle)',
          hover: 'var(--success-hover)',
        },
        danger: {
          DEFAULT: 'var(--danger-fg)',
          emphasis: 'var(--danger-emphasis)',
          muted: 'var(--danger-muted)',
          subtle: 'var(--danger-subtle)',
          hover: 'var(--danger-hover)',
        },
        attention: {
          DEFAULT: 'var(--attention-fg)',
          emphasis: 'var(--attention-emphasis)',
          muted: 'var(--attention-muted)',
          subtle: 'var(--attention-subtle)',
        },
        done: {
          DEFAULT: 'var(--done-fg)',
          emphasis: 'var(--done-emphasis)',
          muted: 'var(--done-muted)',
          subtle: 'var(--done-subtle)',
        },
        secondary: {
          DEFAULT: 'var(--secondary-fg)',
          muted: 'var(--secondary-muted)',
          subtle: 'var(--secondary-subtle)',
        },
        claude: {
          DEFAULT: 'var(--claude)',
          muted: 'var(--claude-muted)',
          subtle: 'var(--claude-subtle)',
        },
      },
      borderRadius: {
        sm: 'var(--radius-sm)',
        DEFAULT: 'var(--radius)',
        lg: 'var(--radius-lg)',
      },
      fontFamily: {
        sans: ['var(--font-sans)'],
        mono: ['var(--font-mono)'],
      },
      letterSpacing: {
        tight: 'var(--tracking-tight)',
        normal: 'var(--tracking-normal)',
        wide: 'var(--tracking-wide)',
      },
      boxShadow: {
        md: 'var(--shadow-md)',
        lg: 'var(--shadow-lg)',
        xl: 'var(--shadow-xl)',
      },
      transitionDuration: {
        instant: 'var(--duration-instant)',
        fast: 'var(--duration-fast)',
        normal: 'var(--duration-normal)',
        slow: 'var(--duration-slow)',
      },
      transitionTimingFunction: {
        'ease-out': 'var(--ease-out)',
        'ease-in-out': 'var(--ease-in-out)',
      },
    },
  },
  plugins: [],
};

export default config;