Closed ReoHakase closed 3 days ago
close #105
Revert "style: 💄 ダークモード用のカラーパレットを削除した。 (#22)"
feat: ✨ (<Layout>) ダークモード対応のために.darkクラスを付与する<script>を追加した。 (#105)
<Layout>
.dark
<script>
style: 💄 (<HeroSlideShow>) 必ずライトモードの色が使われるよう設定した。 (#105)
<HeroSlideShow>
style: 💄 (<Footer>) 必ずライトモードの色が使われるよう設定した。 (#105)
<Footer>
デバイスのダークモードの設定に合わせて切り替えています。つまり、localStorageに値を保存したりはしていないです。
localStorage
コードベース全体でカラーコードの直書きは1箇所のみなので、colors.cssのみの変更で全て対応できます。
colors.css
全てのページ https://105-support-dark-mode.shikosai33.pages.dev/
3a0d489
View logs
close #105
Revert "style: 💄 ダークモード用のカラーパレットを削除した。 (#22)"
feat: ✨ (
<Layout>
) ダークモード対応のために.dark
クラスを付与する<script>
を追加した。 (#105)style: 💄 (
<HeroSlideShow>
) 必ずライトモードの色が使われるよう設定した。 (#105)style: 💄 (
<Footer>
) 必ずライトモードの色が使われるよう設定した。 (#105)チケット URL
概要
デバイスのダークモードの設定に合わせて切り替えています。つまり、
localStorage
に値を保存したりはしていないです。コードベース全体でカラーコードの直書きは1箇所のみなので、
colors.css
のみの変更で全て対応できます。レビューの丁寧さの希望
確認用 URL
全てのページ https://105-support-dark-mode.shikosai33.pages.dev/
スクリーンショット
その他
チェックリスト