kiwigen/tailwind.config.js at main · hotovo/kiwigen · 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
/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        background: '#0a0a0b',
        foreground: '#fafafa',
        card: '#141416',
        'card-foreground': '#fafafa',
        primary: '#3b82f6',
        'primary-foreground': '#fafafa',
        secondary: '#27272a',
        'secondary-foreground': '#a1a1aa',
        muted: '#18181b',
        'muted-foreground': '#71717a',
        accent: '#22c55e',
        'accent-foreground': '#fafafa',
        destructive: '#ef4444',
        'destructive-foreground': '#fafafa',
        border: '#27272a',
        input: '#27272a',
        ring: '#3b82f6',
      },
      fontFamily: {
        sans: ['JetBrains Mono', 'monospace'],
      },
      animation: {
        'pulse-recording': 'pulse-recording 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
      },
      keyframes: {
        'pulse-recording': {
          '0%, 100%': { opacity: 1 },
          '50%': { opacity: 0.5 },
        },
      },
    },
  },
  plugins: [require('tailwindcss-animate')],
}