tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./**/*.{html,js}"],
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      black: '#000000',
      // white: '#ffffff',
      white: {
        100: '#F9F9FF',
        DEFAULT: '#e1e1e6',
        900: '#B3B3B7'
      },
      grey: {
        100: '#32323E',
        DEFAULT: '#1e1e23',
        900: '#151518',
      },
      yellow: {
        100: "#FDCF70",
        200: "#F9BF46",
        DEFAULT: "#EDAD28",
        400: "#B8820F",
        900: "#865B00",
      },
      pink: {
        100: '#FF88D1',
        DEFAULT: '#FF71CE',
        900: '#E064B7',
      },
      cyan: {
        100: '#54E6FD',
        DEFAULT: '#00DDFF',
        900: '#01B2D6',
      },
      green: {
        100: '#30FFB3',
        DEFAULT: '#05FFA1',
        900: '#05D68E',
      },
      purple: {
        100: '#CA7FFF',
        DEFAULT: '#B967FF',
        900: '#A355E2',
      },
      red: {
        100: '#FF8B8B',
        DEFAULT: '#FF6B6B',
        900: '#E25B5B',
      },
    },
    extend: {
      fontFamily: {
        'grotesk': ['Schibsted Grotesk', 'sans-serif'],
        'fira-sans': ['Fira Sans', 'sans-serif']
      }},
  },
  plugins: [],
}