本気でDarkModeに対応する by みやけりょう

FlutterKaigi 2022
採択
2022/11/18 17:50〜
Live
レギュラートーク(30分)

本気でDarkModeに対応する

ryo_ryoo_ryooo みやけりょう ryo_ryoo_ryooo

"Flutter DarkMode" で検索すると大体こう書かれてます。
「ダークテーマを用意して切り替えましょう」
そのとおりですね。まったく間違ってないです。さあダークテーマを用意しましょう。

さて、デザイナーさんから渡されたFigmaやXDには何が書かれてるでしょうか。

  • DarkModeの場合はこちらのアイコンを使ってください
  • この画面はLightModeとDarkModeの違いがありません
  • エラーメッセージの色は #EF5353 DarkModeの場合は #FC7463 です
  • このボタンのテキストカラーは #FFFFFF です
  • このボタンのテキストカラーは #333333 DarkModeの場合は #FFFFFF です
  • このトーストのカラーは...

困りましたね。テーマにはそんな細かな設定がありません。もしかしたらあるかもしれませんがひとつずつ調べるのは大変です。

そんな困ったときの、ひとつの解決方法をお話しようかと思います。