portfolio/tailwind.config.js at main · Anurup-R-Krishnan/portfolio · 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
53
54
/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html",
        "./{pages,components,hooks,context,services}/**/*.{ts,tsx}",
        "./*.{ts,tsx}"
    ],
    darkMode: "class",
    theme: {
        extend: {
            fontFamily: {
                sans: ['"Space Grotesk"', "sans-serif"],
            },
            colors: {
                neo: {
                    yellow: "#FFDE59",
                    pink: "#FF99C8",
                    blue: "#5CE1E6",
                    green: "#7ED957",
                    orange: "#FF914D",
                    black: "#121212",
                    white: "#FFFFFF",
                    amoled: {
                        bg: "#000000",
                        surface: "#080808",
                        surfaceLight: "#0f0f0f",
                        border: "#1a1a1a",
                        text: "#e4e4e7",
                        muted: "#71717a",
                        accent: "#3f3f46",
                    },
                },
            },
            boxShadow: {
                neo: "5px 5px 0px 0px #000000",
                "neo-amoled": "5px 5px 0px 0px #1a1a1a",
                "neo-sm": "3px 3px 0px 0px #000000",
                "neo-sm-amoled": "3px 3px 0px 0px #1a1a1a",
                "neo-lg": "8px 8px 0px 0px #000000",
                "neo-lg-amoled": "8px 8px 0px 0px #1a1a1a",
            },
            animation: {
                marquee: "marquee 25s linear infinite",
            },
            keyframes: {
                marquee: {
                    "0%": { transform: "translateX(0%)" },
                    "100%": { transform: "translateX(-100%)" },
                },
            },
        },
    },
    plugins: [],
};