ToDo-List-Backup/tailwind.config.js at master · DataDefendersWithAI/ToDo-List-Backup · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: "jit",
  content: [
    "./templates/**/*.{html,htm}",
    "./static/**/*.{js,html,htm}",
    "./node_modules/flowbite/**/*.js",
  ],
  theme: {
    screens: {
      sm: "300px",
      md: "420px",
      lg: "800px",
      xl: "1000px",
    },
    extend: {
      maxWidth: {
        "9xl": "1920px",
      },
      height: {
        "50%": "50%",
        "100%": "100%",
      },
      padding: {
        "placeholder-10": "10px",
      },
      backgroundImage: {
        heroxl: "url('/static/images/background3.jpg')",
        heromd: "url('/static/images/background3.jpg')",
        herosm: "url('/static/images/background3.jpg')",
        bg1: "url('/static/images/wallpaper.jpg')",
        bg2: "url('/static/images/wallpaper2.jpg')",
        bg3: "url('/static/images/wallpaper3.jpg')",
        bg4: "url('/static/images/wallpaper3.jpg')", //"url('https://source.unsplash.com/random/1920x1080?nature')",
        bg5: "url('/static/images/wallpaper3.jpg')",
        bg6: "url('/static/images/bg7.jpg')",
        aiAvatar: "url('/static/images/gigachad.jpg')",
      },
      colors: {
        primary: {
          100: "#bc7f60",
          200: "#8cb9be",
        },
        secondary: {
          50: "#eff6ff",
          100: "#dbeafe",
          200: "#bfdbfe",
          300: "#93c5fd",
          400: "#60a5fa",
          500: "#3b82f6",
          600: "#2563eb",
          700: "#1d4ed8",
          800: "#1e40af",
          900: "#1e3a8a",
          950: "#172554",
        },


        accent: {
          100: "#eaa038",
          200: "#8cb9be",
          300: "#d07141",

          400: "#6faeb4",

        },
        blue: {
          100: "#e8f1f2",
          200: "#d1e3e5",
          300: "#bad5d8",
          400: "#a3c7cb",
          500: "#8cb9be",
          600: "#709498",
          700: "#546f72",
          800: "#384a4c",
          900: "#1c2526",
        },
        beige: {
          100: "#f0e3dc",
          200: "#e1c7b9",
          300: "#d3aa96",
          400: "#c48e73",
          500: "#b57250",
          600: "#915b40",
          700: "#6d4430",
          800: "#482e20",
          900: "#241710",
        },
        yellow: {
          100: "#fcefde",
          200: "#f8e0bd",
          300: "#f5d09c",
          400: "#f1c17b",
          500: "#eeb15a",
          600: "#be8e48",
          700: "#8f6a36",
          800: "#5f4724",
          900: "#302312",
        },
        main: "#fffcf7",
        dark: "#262626",
        white: "#d8d8d8",
      },
    },
  },
  plugins: [require("flowbite/plugin")],
};