tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./node_modules/flowbite-react/**/*.js"
  ],
  theme: {
    extend: {
      colors: {
        "cyan-blue": "#023E8A",
        "light-white": "rgba(255, 255, 255, 0.17)",
        "red-me": "#FF0000",
        "grey": "#F8F8FF",
        "cambg": "#CAF0F8",
        "camiconbg": "#0096C7",
        "repsbg": "#9500AD",
        "speedbg": "#E25100",
        "btnstart": "#03045E",
        "btnstop": "#CC0000",
        "#03045E": "#03045E",
        "#D9D9D9": "#D9D9D9",
        "timberwolf": "#D3D3D3",
        "#03045E": "#03045E",
        "#00B4D8": "#00B4D8",
        "#B6B6B6": "#B6B6B6",
        "#48CAE4": "#48CAE4",
        "#C5C5C5": "#C5C5C5",
      },
      height:{
        "25vh": "25vh",
        "35vh": "35vh",
        "45vh": "45vh",
        "55vh": "55vh",
        "65vh": "65vh",
        "5%": "5%",
        "90%": "90%",
        "95%": "95%",
      },
      width:{
        "c-width": "1920px",
        "95%": "95%",
        "90%": "90%",
        "350px": "350px",
        "10%": "10%",
        "70%": "70%",
        "90%": "90%",
        "550px": "550px",
      },
      zIndex: {
        '1': '1',
        '2': '2',
      },
      boxShadow: {
        'cshadow': '0 0 8px 4px rgba(0, 0, 0, 0.1)',
        '#023E8A': '0 0 8px 4px #023E8A'
      },
      backgroundImage: {
        'dash-banner': "url('/src/img/banner.jpg')",
        'drinkwater': "url(/src/img/drinkwater.jpg)",
      },
      screens: {
        'mobileM': '375px',
        'mobileL': '425px',
        'tablet': '768px',
        'laptop': '1024px',
        'laptopL': '1440px',
        'desktop': '1920px',
      },
    },
  },
  plugins: [
    require("flowbite/plugin")
  ],
}