ダークモードに対応させた

[ReoHakase]

• close feat: ダークモードに対応させる #105

• Revert "style: 💄 ダークモード用のカラーパレットを削除した。 (TailwindCSSにカラートークンの設定を追加する (暫定的にダークモード非対応) #22)"

• feat: ✨ (<Layout>) ダークモード対応のために.darkクラスを付与する<script>を追加した。 (feat: ダークモードに対応させる #105)

• style: 💄 (<HeroSlideShow>) 必ずライトモードの色が使われるよう設定した。 (feat: ダークモードに対応させる #105)

• style: 💄 (<Footer>) 必ずライトモードの色が使われるよう設定した。 (feat: ダークモードに対応させる #105)

チケット URL

概要

デバイスのダークモードの設定に合わせて切り替えています。つまり、localStorageに値を保存したりはしていないです。

コードベース全体でカラーコードの直書きは1箇所のみなので、colors.cssのみの変更で全て対応できます。

レビューの丁寧さの希望

• Lv0: まったく見ないで Accept する
• Lv1: ぱっとみて違和感がないかチェックして Accept する
• Lv2: 仕様レベルまで理解して、コードレビューする
• LV3: 仕様レベルまで理解して、コードレビュー・動作確認する

確認用 URL

全てのページ
https://105-support-dark-mode.shikosai33.pages.dev/

スクリーンショット

その他

チェックリスト

• ビルド、テストが異常終了しないことを確認した！
• 意図していないデバッグコードを全て取り除いた！
• PR にレビュー重要度(high, medium, low)のラベルをつけた！

[cloudflare-workers-and-pages]

Deploying shikosai33 with    Cloudflare Pages

Latest commit:	3a0d489
Status:	⚡️  Build in progress...

View logs