#ダークモード

Astroサイトのダークモード実装メモ：data属性＋CSS変数で切り替える

Astro＋Tailwind CSS 4のサイトで、data属性とCSS変数の差し替えによるダークモードを実装する手順をまとめました。メディア戦略との比較、head内のインラインスクリプトによるチラつき（FOUC）対策、localStorageの扱い、@custom-variant darkの記法、画像とコードブロックの対応まで。