thesshguy.com/tailwind.config.js at main · SSHari/thesshguy.com · 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
const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./app/**/*.{js,jsx,ts,tsx}'],
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      white: 'hsl(var(--color-white))',
      cream: 'hsl(var(--color-cream))',
      'warm-white': 'hsl(var(--color-warm-white))',
      'off-white': 'hsl(var(--color-off-white))',
      'warm-black': 'hsl(var(--color-warm-black))',
      charcoal: 'hsl(var(--color-charcoal))',
      slate: 'hsl(var(--color-slate))',
      terracotta: {
        DEFAULT: 'hsl(var(--color-terracotta))',
        dark: 'hsl(var(--color-terracotta-dark))',
      },
      rust: 'hsl(var(--color-rust))',
      'warm-gray': {
        100: 'hsl(var(--color-warm-gray-100))',
        200: 'hsl(var(--color-warm-gray-200))',
        300: 'hsl(var(--color-warm-gray-300))',
        400: 'hsl(var(--color-warm-gray-400))',
        500: 'hsl(var(--color-warm-gray-500))',
        600: 'hsl(var(--color-warm-gray-600))',
      },
      gray: {
        50: 'hsl(var(--color-gray-50))',
        100: 'hsl(var(--color-gray-100))',
        200: 'hsl(var(--color-gray-200))',
        300: 'hsl(var(--color-gray-300))',
        400: 'hsl(var(--color-gray-400))',
        500: 'hsl(var(--color-gray-500))',
        600: 'hsl(var(--color-gray-600))',
        700: 'hsl(var(--color-gray-700))',
        800: 'hsl(var(--color-gray-800))',
        900: 'hsl(var(--color-gray-900))',
        950: 'hsl(var(--color-gray-950))',
      },
    },
    extend: {
      fontFamily: {
        sans: ['Satoshi-Variable', ...defaultTheme.fontFamily.sans],
        mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
      },
    },
  },
  plugins: [],
};