Add dark theme color tokens

[version-1]

ダークテーマのカラートークン定義

Summary

data-theme="dark" で全画面の既存カラートークンと影を切り替えられるようにし、
コンポーネント CSS に残っていた直接指定色もテーマトークンへ統合します。

主な変更点:

• ダークテーマ用の semantic / status / Markdown / toast カラーパレットを追加
• モーダル、issue table、カード、イベントエラー表示の直接色をトークンへ置換
• 英日同期のダークパレット資料を追加

チケットへのリンク

#214

やったこと

• globals.css に [data-theme="dark"] のトークン上書きを定義
• 全 index.module.css の色リテラルがなくなったことを確認
• ダークテーマと台帳トークンの設計資料を更新

動作確認

• npm run typecheck
• npm run build
• index.module.css のカラーリテラル検索

レビュー & 動作確認 チェックリスト

• ダークテーマ切替 - html に data-theme="dark" を付与して Dashboard、Project、Settings を確認
• オーバーレイ - モーダルとトーストの背景・文字・状態色を確認
• 状態表示 - status / priority badge がダーク背景で区別できることを確認

推奨テスト計画:

1. ブラウザの開発者ツールで html[data-theme] を dark に設定する。
2. Dashboard、プロジェクト、Settings、issue 詳細を開く。
3. モーダル、トースト、status badge の可読性を目視確認する。

その他気になることや相談ごと

テーマスイッチへの状態保存・属性設定の接続は本変更の対象外です。属性を設定する
既存または後続の機構から、このパレットを利用できます。