こんにちは。GW明けからCSSに挑戦している Pathee デザインインターンのkouki-yです。 みなさんダークモードはお使いですか?macOS Mojaveからサポートされたこの機能を愛用している方も多いのではないでしょうか。 SafariとFirefoxを皮切りに、Webでも対応が進むダークモード。このブログもさらっと対応してみたので、今回はそのプロセスを3ステップでご紹介します。 STEP 1: カラーパレットを作る まずは、Adobe XDでダークモード用のカラーパレットを用意しました。文字色を「#FFF」、背景色を「#1B2625」にしています。ほかの箇所も暗い背景に合わせて最適な色を用意しています。 Tips このときに背景色のブラックを#000にするとコントラストが強すぎます。目への刺激を和らげるために、少しだけ明るいトーンにしています。 STEP 2: CSSを修正する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く