tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: '#007acc',
        secondary: '#0066cc',
        accent: '#0050a0',
        success: '#50a14f',
        warning: '#ffa600',
        danger: '#e45649',
        info: '#0175c2',
        background: '#1e1e1e',
        sidebar: '#252526',
        editor: '#1e1e1e',
        panel: '#252526',
        border: '#37373d'
      },
      fontFamily: {
        mono: ['"Fira Code"', 'monospace'],
        sans: ['"Segoe UI"', 'system-ui', 'sans-serif']
      }
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography')
  ],
}