SCALE — Build Lab

ダークモード切替を追加

機能追加

Add Dark Mode

ライト/ダーク両対応を後付けしたい時

コピペ用 指示文
339 文字
既存システムにダークモード切替機能を追加してください。

【要件】
- ヘッダーに切替トグル(太陽/月アイコン)
- 設定は localStorage に保存
- OS設定に追従するモード(Auto)も用意
- 全画面で確実に切り替わる(hardcoded color はゼロにする)

【実装】
- Tailwind の dark: prefix を使う
- :root に CSS変数で色を定義 → .dark で上書き
- prefers-color-scheme: dark をデフォルトに

【既存への影響】
- すべてのhardcoded colorをCSS変数 or Tailwind dark: に置換
- 画像・ロゴはダーク用バリエーションを用意(白/黒2種)
タグ
#UI#ダークモード#機能追加
同じカテゴリの他のプロンプト