scheduleit/tailwind.config.js at main · wzid/scheduleit · 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
import { fontFamily } from 'tailwindcss/defaultTheme';

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['InterVariable', 'Inter', ...fontFamily.sans]
      },
      container: {
        center: true,
        padding: '2rem',
        screens: {
          '2xl': '800px'
        }
      },
      colors: {
        royalblue: {
          50: '#eef4ff',
          100: '#e1eafe',
          200: '#c8d9fd',
          300: '#a7befa',
          400: '#849bf5',
          500: '#6678ee',
          600: '#545ce3',
          700: '#3b40c7',
          800: '#3339a0',
          900: '#30367f',
          950: '#1c1e4a'
        },
        blush: {
          50: '#fbf5f5',
          100: '#f5e6e8',
          200: '#f0dbdf',
          300: '#e4bdc4',
          400: '#d498a5',
          500: '#c07385',
          600: '#a9556c',
          700: '#8d4359',
          800: '#773a4f',
          900: '#673447',
          950: '#381924'
        },
        peach: {
          50: '#fff5ed',
          100: '#ffe8d5',
          200: '#ffc49b',
          300: '#ffa872',
          350: '#fe9156',
          400: '#fd793a',
          500: '#fc5613',
          600: '#ed3a09',
          700: '#c4290a',
          800: '#9c2110',
          900: '#7d1e11',
          950: '#440c06'
        }
      }
    }
  },
  plugins: [require('tailwindcss-animate')]
};