website/tailwind.config.js at master · FreeYourStream/website · 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    fontFamily: {
      sans: ["Nunito", ...defaultTheme.fontFamily.sans],
      fd: ["Barlow", ...defaultTheme.fontFamily.sans],
    },

    colors: {
      transparent: "transparent",
      white: "#fff",
      black: "#000",
      gray: {
        DEFAULT: "#2D2D2F",
        50: "#B6B6B9",
        100: "#A7A7AA",
        200: "#87878C",
        300: "#69696E",
        400: "#4B4B4E",
        500: "#2D2D2F",
        600: "#262627",
        700: "#1E1E1F",
        800: "#171718",
        900: "#0F0F10",
      },
      primary: {
        DEFAULT: "#754BAB",
        50: "#EDE7F4",
        100: "#E0D5ED",
        200: "#C5B2DD",
        300: "#AA8ECE",
        400: "#8F6BBE",
        500: "#754BAB",
        600: "#5D3B88",
        700: "#442C64",
        800: "#2C1C41",
        900: "#140D1D",
      },
      // primary: {
      //   DEFAULT: "#009F9F",
      //   50: "#85FFFF",
      //   100: "#6CFFFF",
      //   200: "#39FFFF",
      //   300: "#06FFFF",
      //   400: "#00D2D2",
      //   500: "#009F9F",
      //   600: "#006C6C",
      //   700: "#003939",
      //   800: "#000606",
      //   900: "#000000",
      // },
      success: {
        DEFAULT: "#4DCA9E",
        50: "#FEFFFE",
        100: "#EAF9F4",
        200: "#C3EDDE",
        300: "#9CE1C9",
        400: "#74D6B3",
        500: "#4DCA9E",
        600: "#34B084",
        700: "#298867",
        800: "#1D6149",
        900: "#113A2C",
      },
      danger: {
        DEFAULT: "#CA4356",
        50: "#FCF6F7",
        100: "#F7E2E5",
        200: "#ECBAC1",
        300: "#E0939E",
        400: "#D56B7A",
        500: "#CA4356",
        600: "#AA3041",
        700: "#822532",
        800: "#5A1A23",
        900: "#330E13",
      },
    },
    extend: {
      maxWidth: {
        page: "1080px",
      },
    },
  },
  plugins: [],
};