hackutd-site/tailwind.config.js at master · acmutd/hackutd-site · 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
module.exports = {
  // TODO: Figure out why marking this true causes error in build.
  // https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
  purge: false,
  theme: {
    screens: {
      md: '768px',
      lg: '1024px',
      xl: '1280px',
    },
    extend: {
      screens: {
        light: { raw: '(prefers-color-scheme: light)' },
        dark: { raw: '(prefers-color-scheme: dark)' }
      },
      colors: {
        black: '#444444',
        white: '#FAFAFA',
        primary: '#FFC386',
        surface: '#292F36',
        orange: '#FFC386',
      },
    },
    fontFamily: {
      display: ['Raleway', 'sans-serif'],
      sans: ['Roboto', 'sans-serif'],
    },
  },
  variants: {},
  plugins: [
    function darkModePlugin({ addBase, config }) {
      addBase({
        body: {
          color: config('theme.colors.black'),
          backgroundColor: config('theme.colors.white'),
        },
        '@screen dark': {
          body: {
            color: config('theme.colors.white'),
            backgroundColor: config('theme.colors.black'),
          },
        },
      });
    },
  ],
};