coordbash/tailwind.config.js at main · rootsofunity-ca/coordbash · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/app/**/*.{js,jsx}",
    "./src/components/**/*.{js,jsx}"
  ],
  theme: {
    extend: {
      colors: {
        ink: "#12141C",
        paper: "#F3F1EC",
        surface: "#FFFFFF",
        line: "#E4E1D8",
        muted: "#6B6F76",
        coral: "#E8603C",
        brand: {
          DEFAULT: "#25406B",
          light: "#3E5C9A",
          dark: "#162A47"
        },
        accept: "#1F8A5F",
        difficulty: {
          easy: "#2E9E6B",
          medium: "#D98B25",
          hard: "#D14E3C",
          advanced: "#7A4FD1"
        }
      },
      fontFamily: {
        display: ["Fraunces", "ui-serif", "Georgia", "serif"],
        sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
        mono: ["JetBrains Mono", "ui-monospace", "SFMono-Regular", "monospace"]
      },
      backgroundImage: {
        "grid-paper":
          "linear-gradient(90deg, rgba(18,20,28,0.035) 1px, transparent 1px), linear-gradient(180deg, rgba(18,20,28,0.035) 1px, transparent 1px)"
      },
      backgroundSize: {
        grid: "24px 24px"
      }
    }
  },
  plugins: []
};