tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
      "./templates/index.html", // HTMLファイルのパス（Flaskなどのテンプレートエンジンを考慮）
      "./templates/feedback.html",
      "./templates/reset.html",
      "./templates/talkDetail.html",
      "./templates/userRegister.html",
      "./templates/userSelect.html",
    ],
    darkMode: 'class', // ダークモードをクラスベースで適用
    theme: {
      extend: {
        colors: {
          primary: '#1f2937', // メインカラー
          secondary: '#2c3e50', // サブカラー
        },
        fontFamily: {
          sans: ['Arial', 'sans-serif'], // デフォルトフォント
        },
        borderRadius: {
          'xl': '1rem', // 角丸の拡張
        },
      },
    },
    plugins: [],
  };