ToDo-List-Backup-Of-Backup/tailwind.config.js at master · JakeClark38a/ToDo-List-Backup-Of-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
/** @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: {
      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")],
};