nutritrack/tailwind.config.js at master · mattlee24/nutritrack · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{ts,tsx}',
    './components/**/*.{ts,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        background: {
          primary: '#0A0A0F',
          secondary: '#111118',
          tertiary: '#1A1A24',
        },
        surface: {
          glass: 'rgba(255,255,255,0.05)',
        },
        accent: {
          primary: '#6C63FF',
          secondary: '#FF6B6B',
          green: '#00D4A0',
          amber: '#FFB547',
        },
        text: {
          primary: '#F0F0F8',
          secondary: '#8888AA',
          tertiary: '#4A4A66',
        },
        border: {
          subtle: 'rgba(255,255,255,0.08)',
        },
      },
      borderRadius: {
        card: 20,
        button: 14,
        pill: 100,
        tabbar: 28,
      },
      spacing: {
        1: 4,
        4: 16,
        5: 20,
      },
    },
  },
  plugins: [],
};