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

shikosai33 / shikosai33-web

第33回茨香祭の公式ウェブサイト

https://33.shikosai.net

GNU General Public License v3.0

8 stars 0 forks source link

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

Closed ReoHakase closed 3 days ago

ReoHakase commented 3 days ago

close #105
Revert "style: 💄 ダークモード用のカラーパレットを削除した。 (#22)"
feat: ✨ (<Layout>) ダークモード対応のために.darkクラスを付与する<script>を追加した。 (#105)
style: 💄 (<HeroSlideShow>) 必ずライトモードの色が使われるよう設定した。 (#105)
style: 💄 (<Footer>) 必ずライトモードの色が使われるよう設定した。 (#105)

チケット URL

概要

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

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

レビューの丁寧さの希望

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

確認用 URL

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

スクリーンショット

その他

チェックリスト

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

cloudflare-workers-and-pages[bot] commented 3 days ago

Deploying shikosai33 with Cloudflare Pages

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