ブログをダークモードに対応しました

ブログをダークモードに対応しました。

ダークモード対応後のスクリーンショット

support dark mode by gaaamii · Pull Request #664 · gaaamii/blog.gaaamii.jp

とても雑な対応ですが、ひたすら必要なところに @media (prefers-color-scheme: dark) を書いたらできました。tailwindのクラス名を当てているところは dark:bg-stone-500 のようにすれば、darkモード向けのスタイル定義ができました。最低限の対応でもやっておけば、少しずつ改善していく気持ちが生まれるので、できてよかったです。

ちなみに、私がいまこの記事を書いている記事作成画面のほうはというと、対応できていないのでひどいことになっています。伸びしろというやつです。

ひどい見た目の記事作成画面

参考リンク