syncmind/tailwind.config.ts at main · rly09/syncmind · 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
import type { Config } from "tailwindcss"
import forms from "@tailwindcss/forms"

const config: Config = {
  content: ["./src/**/*.{ts,tsx}", "./*.{ts,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        ink: {
          950: "#07090d",
          900: "#0b0f17",
          800: "#111827"
        },
        brand: {
          400: "#58d1c9",
          500: "#2fb8b1",
          600: "#148f8a"
        },
        accent: {
          400: "#f6c85f",
          500: "#e7a928"
        }
      },
      boxShadow: {
        glow: "0 0 0 1px rgba(88, 209, 201, 0.18), 0 24px 80px rgba(0, 0, 0, 0.35)"
      },
      animation: {
        "fade-in": "fadeIn 160ms ease-out",
        "slide-up": "slideUp 180ms ease-out"
      },
      keyframes: {
        fadeIn: {
          "0%": { opacity: "0" },
          "100%": { opacity: "1" }
        },
        slideUp: {
          "0%": { opacity: "0", transform: "translateY(8px)" },
          "100%": { opacity: "1", transform: "translateY(0)" }
        }
      }
    }
  },
  plugins: [forms]
}

export default config