tailwind.config.ts

import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: '#011340',
        secondary: '#2196FB',
        background: "var(--background)",
        foreground: "var(--foreground)",
        primaryText: "var(--primary-text)",
        secondaryText: "var(--secondary-text)",
        tableBackground: "var(--table-background)",
        tableHeader: "var(--table-header)",
        tableBorder: "var(--table-border)",
        tableHover: "var(--table-hover)",
        tableTextPrimary: "var(--table-text-primary)",
        tableTextSecondary: "var(--table-text-secondary)",
        tableTextHighlight: "var(--table-text-highlight)",
        tableButtonBackground: "var(--table-button-background)",
        tableButtonText: "var(--table-button-text)",
        tableRowBackground: "var(--table-row-background)",
        tableTextInfo: "var(--table-text-info)",
        tableTextNotice: "var(--table-text-notice)",
        paginationButton: "var(--pagination-button)",
        paginationButtonBorder: "var(--pagination-button-border)",
        paginationButtonText: "var(--pagination-button-text)",
        paginationText: "var(--pagination-text)",
        "dialog-tab-border": "#474374",
        "dialog-tab-active": "#0E0B30",
        "dialog-tab-hover": "#9E66ED",
        "dialog-tab-text": "#A982E0",
        "dialog-background": "#1B153F",
        "dialog-content": "#0E0B30",
        "dialog-content-border": "#9E66ED",
        txDeposit: 'var(--tx-deposit)',
        txDepositText: 'var(--tx-deposit-text)',
        txWithdraw: 'var(--tx-withdraw)',
        txWithdrawText: 'var(--tx-withdraw-text)',
        txExplode: 'var(--tx-explode)',
        txExplodeText: 'var(--tx-explode-text)',
        txDefault: 'var(--tx-default)',
        txDefaultText: 'var(--tx-default-text)',
        buttonPrimary: '#1379FF',
      },
      fontFamily: {
        poppins: ["Poppins", "sans-serif"],
        roboto: ["Roboto", "sans-serif"],
        kanit: ["Kanit", "sans-serif"],
        montserrat: ["Montserrat", "sans-serif"],
        narnoor: ["Narnoor", "sans-serif"],
        acme: ["Acme", "sans-serif"],
        openSans: ["Open Sans", "sans-serif"],
        anekDevanagari: ["Anek Devanagari", "sans-serif"],
      },
      backgroundImage: {
        "gradient-to-r": "linear-gradient(to right, #011340, #2196FB)",
        "rank-card-gradient-to-r":
          "linear-gradient(to right, #BF3A3A, #591B1B)",
        "item-per-page-label": "linear-gradient(to right, #1E77B8, #A029BE)",
        "modal-primary": "linear-gradient(45deg, #19163B, #4C09A1)",
        "dialog-button": "linear-gradient(90deg, #4C9AED, #6C66E1, #9D62EF)"
      },
    },
  },
  plugins: [require("@tailwindcss/typography")],
};

export default config;