Flutter Uncategorized

[Flutter]Themeを作りたいけれど面倒な人向けツール Panache

オリジナルThemeを作りたいけれど面倒だ

こちらの記事で、色テーマを決めるためのツール Google Material Color Toolをご紹介しました。

[Flutter][Android]配色が苦手な人向けの便利ツール Google Material Color Toolが便利

 

一次と二次の色の組み合わせは決めたけどそれをFlutter/Dartのソースコードに落とすのは面倒だようという方に向けたツールもあります。

こちらのPanacheというものになります。

先程のGoogle Material Color Toolで選んだ一次色を、Panacheのprimary swatchに入力してあげるとイイ感じに自動設定してくれます。

各テーマごとに、お好みカスタマイズが行えるようになっていますが、慣れていないうちはまったくいじらない方がいいです。しくじります。

あとは、右上の黄色い□をクリックすると、いま指定した色の定義がtheme.dartになって落ちてくるので、ご自分のFlutterのプロジェクトに差し込んで、そのテーマをMaterialAppに指定してあげれば完成です。

-Flutter, Uncategorized

© 2023 かずのアプリときどきキャンプ飯 Powered by AFFINGER5