RECursionNITD-Frontend/tailwind.config.js at main · RECursion-NITD/RECursionNITD-Frontend · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        background: "#1E1E1E",
        surface: "#313131",
        surfaceVariant: "#121212",
        outline: "#58CDFF",
        // heading: "#34AAFF",
        // subHeading: "#B3B1AD",
        // tertiaryText: "#EF6041",
        primary: "#58CDFF",
        onSurface: "#FFFFFF",
        secondary: "#34AAFF",
        tertiary: "#34AAFF26",
        onSecondary: "#FFFFFF",
        // secondaryText: "#BDE0FF99",
        onPrimary: "#FFFFFF",
        codeSnippet: "#16181D",
      },
      borderRadius: {
        classic: "10px", // Define a custom radius of 10px
      },
    },
    screens: {
      sm: "640px",
      md: "768px",
      lg: "1024px",
      xl: "1280px",
      "2xl": "1536px",
      "900px": "900px",
      'max-900': { 'max': '899px' },
      'max-570': { 'max': '570px' },
      'max-400' : {'max' : '400px'},
    },
    fontFamily: {
      head: ["Roboto", "sans-serif"],
      sub: ["Merriweather", "serif"],
      alt: ["Montserrat", "sans-serif"],
      mulish: ["Mulish", "sans-serif"],
      poppins: ["Poppins", "sans-serif"],
    },
  },
  fontFamily: {
    sans: ["Graphik", "sans-serif"],
    serif: ["Merriweather", "serif"],
  },
  plugins: [],
};