OrangePartnerCoverage/tailwind.config.ts at main · jsorisho715/OrangePartnerCoverage · 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
import type { Config } from "tailwindcss";

export default {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        ivory: '#F4F1EA',
        softGray: '#D2D2D0',
        flame: '#FF571D',
        coral: '#FF8961',
        peach: '#FFBCA5',
        sage: '#AEB595',
        paleSage: '#D6DACA',
        surface: '#F9F7F3',
        darkOlive: '#606639',
      },
      fontFamily: {
        sans: ['var(--font-plus-jakarta)', 'sans-serif'],
      },
      fontSize: {
        'header': '22px',
        'body': '14px',
        'caption': '12px',
      },
      borderRadius: {
        'card': '8px',
        'button': '6px',
      },
      boxShadow: {
        'soft': '0 1px 3px rgba(0,0,0,0.06)',
      },
    },
  },
  plugins: [],
} satisfies Config;