teachLink_mobile/tailwind.config.js at main · rinafcode/teachLink_mobile · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./App.{js,jsx,ts,tsx}",
    "./app/**/*.{js,jsx,ts,tsx}",
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  presets: [require("nativewind/preset")],
  theme: {
    extend: {
      colors: {
        primary: {
          light: '#19c3e6',
          DEFAULT: '#19c3e6',
          dark: '#0099b3',
        },
        gradient: {
          start: '#20afe7',
          mid: '#2c8aec',
          end: '#586ce9',
        },
        background: {
          light: '#f0f1f5',
          DEFAULT: '#ffffff',
          secondary: '#f8f9fa',
          dark: '#0f172a',
        },
        accent: {
          cyan: '#19c3e6',
          blue: '#2c8aec',
          purple: '#586ce9',
        },
      },
      linearGradient: {
        'btn-gradient': ['90deg', '#20afe7 0%', '#2c8aec 50%', '#586ce9 100%'],
      },
    },
  },
  plugins: [],
};