/* テーマ 1: ビジネス（ブルー系） */ .theme-business { --bs-primary: #2563eb; /* 洗練されたブルー */ --bs-primary-rgb: 37, 99, 235; --bs-secondary: #64748b; /* クールグレー */ --bs-secondary-rgb: 100, 116, 139; --bs-success: #059669; /* プロフェッショナルグリーン */ --bs-success-rgb: 5, 150, 105; --bs-warning: #d97706; /* 注意喚起オレンジ */ --bs-warning-rgb: 217, 119, 6; --bs-danger: #dc2626; /* 警告レッド */ --bs-danger-rgb: 220, 38, 38; --bs-info: #0891b2; /* 情報ブルー */ --bs-info-rgb: 8, 145, 178; } /* テーマ 2: モダン（パープル系） */ .theme-modern { --bs-primary: #7c3aed; --bs-primary-rgb: 124, 58, 237; --bs-secondary: #6b7280; --bs-success: #10b981; --bs-warning: #f59e0b; --bs-danger: #ef4444; --bs-info: #06b6d4; } /* テーマ 3: ナチュラル（グリーン系） */ .theme-natural { --bs-primary: #059669; --bs-primary-rgb: 5, 150, 105; --bs-secondary: #78716c; --bs-success: #16a34a; --bs-warning: #ca8a04; --bs-danger: #dc2626; --bs-info: #0891b2; } /* テーマ 4: エレガント（ダーク系） */ .theme-elegant { --bs-primary: #1f2937; /* 深いチャコールグレー */ --bs-primary-rgb: 31, 41, 55; --bs-secondary: #6b7280; /* ミディアムグレー */ --bs-secondary-rgb: 107, 114, 128; --bs-success: #10b981; /* エメラルドグリーン */ --bs-success-rgb: 16, 185, 129; --bs-warning: #f59e0b; /* アンバー */ --bs-warning-rgb: 245, 158, 11; --bs-danger: #ef4444; /* ローズレッド */ --bs-danger-rgb: 239, 68, 68; --bs-info: #06b6d4; /* シアン */ --bs-info-rgb: 6, 182, 212; --bs-light: #f9fafb; /* 上品なライトグレー */ --bs-light-rgb: 249, 250, 251; --bs-dark: #111827; /* 深いダークグレー */ --bs-dark-rgb: 17, 24, 39; } /* テーマ 5: 暖色系（オレンジ/レッド） */ .theme-warm { --bs-primary: #ea580c; --bs-primary-rgb: 234, 88, 12; --bs-secondary: #78716c; --bs-success: #16a34a; --bs-warning: #eab308; --bs-danger: #dc2626; --bs-info: #0891b2; } /* テーマを適用する際のサンプルコード */ /* または