timecapsule/tailwind.config.js at main · lucianodigital2b/timecapsule · 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
55
56
57
58
module.exports = {
  content: ["./app/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],
  presets: [require("nativewind/preset")],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        primary: "#f9f7fa",
        'primary-dark': "#13181c",
        'secondary-dark': "#2A2F33",
        background: {
          light: "#f9f7fa",
          dark: "#161819",
        },
        text: {
          light: "#1E1E2D",
          dark: "#f9f7fa",
        },
        secondary: {
          DEFAULT: "#7239EA",
          50: '#f4f3ff',
          100: '#ece9fe',
          200: '#dbd7fd',
          300: '#c2b6fc',
          400: '#a38df8',
          500: '#855ef4',
          600: '#7239ea',
          700: '#662bd6',
          800: '#5423b4',
          900: '#471f93',
          950: '#2a1164',
        },
        black: {
          DEFAULT: "#000",
          100: "#1E1E2D",
          200: "#232533",
        },
        gray: {
          100: "#CDCDE0",
          200: "#2a2a2a",
          300: "#3a3a3a",
        },
      },
      fontFamily: {
        pthin: ["Poppins-Thin", "sans-serif"],
        pextralight: ["Poppins-ExtraLight", "sans-serif"],
        plight: ["Poppins-Light", "sans-serif"],
        pregular: ["Poppins-Regular", "sans-serif"],
        pmedium: ["Poppins-Medium", "sans-serif"],
        psemibold: ["Poppins-SemiBold", "sans-serif"],
        pbold: ["Poppins-Bold", "sans-serif"],
        pextrabold: ["Poppins-ExtraBold", "sans-serif"],
        pblack: ["Poppins-Black", "sans-serif"],
      },
    },
  },
  plugins: [],
};