tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      backgroundImage: {
        landing: "url('/src/assets/images/background/landing.jpg')",
        register: "url('/src/assets/images/background/register.jpg')",
        official: "url('/src/assets/images/general/market1.jpg')",
        private: "url('/src/assets/images/general/market2.jpg')",
        cores: "url('/src/assets/images/general/market3.jpg')",
        crypto: "url('/src/assets/images/general/village.jpg')",
        general: "url('/src/assets/images/general/table.jpg')",
        smith1: "url('/src/assets/images/general/smith1.jpg')",
        smith2: "url('/src/assets/images/general/smith2.jpg')",
        tower: "url('/src/assets/images/general/tower.jpg')",
        nova: "url('/src/assets/images/general/nova.jpg')",
        paint: "url('/src/assets/images/general/paint1.jpg')",
      },
      colors: {
        orange: {
          DEFAULT: '#DB784D',
          variant: '#DB664D',
          dark: '#3D251A',
          disabled: '#76452F',
          fade: '#271811',
          h: '#DC7D54',
          f: '#DF8863',
          s: '#DE835B',
        },
        green: {
          DEFAULT: '#4DDB97',
          fade: '#192A22',
          dark: '#1F7A4E',
        },
        screamgreen: '#87FF65',
        ruby: {
          DEFAULT: '#DB4D6F',
          fade: '#281B21',
        },
        verdigris: '#28AFB0',
        trypan: '#390099',
        yellow: {
          DEFAULT: '#DCC861',
          fade: '#4A4428',
          aspen: '#f6df9f',
          dark: '#332a21',
        },
        purple: {
          DEFAULT: '#9D4DDB',
          fade: '#251A2D',
        },
        seablue: {
          DEFAULT: '#4DB9DB',
          fade: '#111F24',
        },
        amaranth: {
          DEFAULT: '#AB2346',
          fade: '#2E2020',
        },
        jazzberry: '#9E0059',
        white: {
          DEFAULT: '#E0E0E0',
          medium: '#A0A0A0',
          disabled: '#6C6C6C',
        },
        black: {
          DEFAULT: '#121212',
        },
        surface: {
          dp00: '#121212',
          dp01: '#1E1E1E',
          dp01ph: '#262220',
          dp01pf: '#342823',
          dp01ps: '#2D2622',
          dp02: '#232323',
          dp03: '#252525',
          dp04: '#272727',
          dp06: '#2C2C2C',
          dp08: '#2F2F2F',
          dp12: '#333333',
          dp16: '#353535',
          dp24: '#383838',
          theme: '#221B17',
        },
      },
      boxShadow: {
        dp01: '0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2)',
        dp02: '0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2)',
        dp03: '0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.2)',
        dp04: '0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)',
        dp06: '0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2)',
        dp08: '0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)',
        dp12: '0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2)',
        dp16: '0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.2)',
        dp24: '0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2)',
      },
    },
  },
  plugins: [],
};