dashboard/tailwind.config.ts

import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./node_modules/flowbite-react/**/*.js",
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        "nb-gray": {
          DEFAULT: "#181A1D",
          "50": "#f4f6f7",
          "100": "#e4e7e9",
          "200": "#cbd2d6",
          "300": "#a7b1b9",
          "400": "#7c8994",
          "500": "#616e79",
          "600": "#535d67",
          "700": "#474e57",
          "800": "#3f444b",
          "900": "#32363D",
          "920": "#25282d",
          "925": "#1e2123",
          "930": "#25282c",
          "940": "#1b1f22",
          "950": "#181a1d",
        },
        netbird: {
          DEFAULT: "#f68330",
          "50": "#fff6ed",
          "100": "#feecd6",
          "200": "#fcd5ac",
          "300": "#fab677",
          "400": "#f68330",
          "500": "#f46d1b",
          "600": "#e55311",
          "700": "#be3e10",
          "800": "#973215",
          "900": "#7a2b14",
          "950": "#421308",
        },
        "nb-blue": {
          DEFAULT: "#31e4f5",
          "50": "#ebffff",
          "100": "#cefdff",
          "200": "#a2f9ff",
          "300": "#63f2fd",
          "400": "#31e4f5",
          "500": "#00c4da",
          "600": "#039cb7",
          "700": "#0a7c94",
          "800": "#126478",
          "900": "#145365",
          "950": "#063746",
        },
      },
      keyframes: {
        "accordion-down": {
          from: { height: "0" },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: "0" },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
      transitionDuration: {
        "3000": "3000ms",
      },
    },
  },
  plugins: [require("flowbite/plugin"), require("tailwindcss-animate")],
};
export default config;