HHI/tailwind.config.js at main · Stakeholder-Network-Map/HHI · 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
import colors from 'tailwindcss/colors'

/** Extended colors/fonts conforming to https://www.hsph.harvard.edu/communications-guide/ */
/** Screen sizes based on https://www.hsph.harvard.edu/atrocity-prevention-lab/collaborators/ */

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    colors: {
      white: colors.white,
      crimson: '#A51C30',
      harvard: {
        'chan-gray': '#595859',
        chocolate: '#422E1C',
        putty: '#D7D1CB',
        slate: '#8996a0',
      },
      red: {
        light: '#E5CAC9',
        DEFAULT: '#B55A5A',
        dark: '#9D474B',
      },
      redwood: {
        light: '#F2C7B5',
        DEFAULT: '#C66D5D',
        dark: '#AD4B45',
      },
      orange: {
        light: '#FDD1B6',
        DEFAULT: '#CA8260',
        dark: '#B36753',
      },
      green: {
        light: '#C9D0C0',
        DEFAULT: '#888D81',
        dark: '#5F6962',
      },
      purple: {
        light: '#D5BFD1',
        DEFAULT: '#80637A',
        dark: '#655573',
      },
      mauve: {
        light: '#E6C5C8',
        DEFAULT: '#AC8080',
        dark: '#94676E',
      },
      shade: {
        '01': '#252727',
        '02': '#3D3D3D',
      },
      tint: {
        '01': '#D6D6D7',
        '02': '#F0F0F2',
      },
    },
    fontFamily: {
      merriweather: ['Merriweather', 'sans-serif'],
      'proxima-nova': ['proxima-nova', 'sans-serif'],
    },
    screens: {
      md: '720px',
    },
  },
  plugins: [],
}