imersao-claude-code/tailwind.config.js at main · 99labdev/imersao-claude-code · 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
/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: ['./index.html', './src/**/*.{js,jsx}'],
  theme: {
    extend: {
      colors: {
        'surface-container-lowest': '#ffffff',
        'tertiary-container': '#a4907e',
        error: '#ba1a1a',
        'surface-bright': '#fcf9f4',
        secondary: '#635d5e',
        'surface-variant': '#e5e2dd',
        'surface-dim': '#dcdad5',
        'outline-variant': '#dac1ba',
        'error-container': '#ffdad6',
        'on-secondary': '#ffffff',
        'on-error': '#ffffff',
        background: '#fcf9f4',
        'on-secondary-fixed': '#1e1b1c',
        'on-surface': '#1c1c19',
        'surface-container-high': '#ebe8e3',
        'on-secondary-fixed-variant': '#4b4546',
        'surface-tint': '#924a30',
        'inverse-surface': '#31302d',
        'on-tertiary-fixed-variant': '#534435',
        tertiary: '#6c5b4b',
        'on-tertiary-container': '#372a1c',
        'inverse-on-surface': '#f3f0eb',
        primary: '#924a30',
        'surface-container-highest': '#e5e2dd',
        'on-secondary-container': '#696364',
        'secondary-container': '#e9e0e1',
        'on-primary-fixed': '#390c00',
        'tertiary-fixed-dim': '#d9c3af',
        'inverse-primary': '#ffb59c',
        'on-primary-container': '#521a04',
        'secondary-fixed': '#e9e0e1',
        'on-error-container': '#93000a',
        'surface-container-low': '#f6f3ee',
        'on-surface-variant': '#54433d',
        'on-background': '#1c1c19',
        surface: '#fcf9f4',
        'on-tertiary': '#ffffff',
        'primary-container': '#d27d5f',
        'on-tertiary-fixed': '#25190d',
        'primary-fixed': '#ffdbcf',
        'on-primary-fixed-variant': '#75331b',
        'secondary-fixed-dim': '#cdc4c5',
        'primary-fixed-dim': '#ffb59c',
        'on-primary': '#ffffff',
        outline: '#87736c',
        'tertiary-fixed': '#f6deca',
        'surface-container': '#f0ede8',
      },
      borderRadius: {
        DEFAULT: '1rem',
        lg: '2rem',
        xl: '3rem',
        full: '9999px',
      },
      fontFamily: {
        headline: ['Newsreader', 'serif'],
        body: ['Space Grotesk', 'monospace'],
        label: ['Space Grotesk', 'monospace'],
      },
      keyframes: {
        'paper-bounce': {
          '0%, 100%': { transform: 'translateY(0) rotate(-3deg)' },
          '50%': { transform: 'translateY(14px) rotate(-3deg)' },
        },
      },
      animation: {
        'paper-bounce': 'paper-bounce 2.2s ease-in-out infinite',
      },
    },
  },
  plugins: [],
}