getpsyched/tailwind.config.ts at master · GetPsyched/getpsyched · 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
import type { Config } from 'tailwindcss';
import tailwindDarkAware from 'tailwind-dark-aware';

export default {
  content: ['./{app,components}/**/*.{ts,tsx}'],
  theme: {
    container: {
      center: true,
      padding: {
        DEFAULT: '0.75rem',
        sm: '1rem',
        md: '2rem',
      },
    },
    fontFamily: {
      poppins: 'Poppins, sans-serif',
      'roboto-mono': 'Roboto Mono, sans-serif',
    },
    extend: {
      colors: {
        palette: {
          100: '#ffffff',
          200: '#fefefe',
          300: '#b9bbbe',
          400: '#8e9297',
          500: '#4f545c',
          600: '#36393f',
          700: '#2f3136',
          800: '#292b2f',
          900: '#202225',
        },
        hyperlink: '#0cbc8b',
      },
    },
  },
  plugins: [tailwindDarkAware],
} satisfies Config;