本気でDarkModeに対応する FlutterKaigi 2022

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

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

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

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

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