カラーテーマ 3 種
アプリ全体の配色を 3 つから選べるようにする案です。既定はライトグリーン。部位を押すと選択の色が見られます（JavaScript は使っていません）。
前右左後
ブランド
#1C6E69／地 #E8EBDC移植元 iOS と同じ配色です。いま出荷しているシェーマ画像の背景色 #E8EBDC は、この lightgreen 版と完全に一致していました。
前右左後
ブランド
#B4475A／地 #FDE3EC移植元の設計トークンにある women（#B4475A）をブランド色に採りました。月経関連の指標で既に使われている色です。
前右左後
ブランド
#0047AB／地 #DCE8F6コバルトブルーを基調にした案。3 テーマの中で最も文字のコントラストが高く出ます。
選択した部位の色は 3 テーマ共通
痛みの部位を選んだときの色は #A62A22（不透明度 0.88）で、テーマを変えても同じにしています。痛みの強さを表す色は意味を持つので、テーマの好みで変えると読み違いのもとになるためです。実効の地色 #af3f35 に対して白文字は 5.86 倍で、推奨の 4.5 倍を満たします。
タブの文字の読みやすさ
| テーマ | ブランド色 | 白文字のコントラスト | 判定 |
|---|---|---|---|
| ライトグリーン | #1C6E69 | 6.03 倍 | 合格 |
| ライトピンク | #B4475A | 5.26 倍 | 合格 |
| コバルトブルー | #0047AB | 8.44 倍 | 合格 |
3 テーマとも推奨の 4.5 倍を満たします。
シェーマ画像について
3 テーマの画像は人物が同一で、背景色だけが異なります。測ったところ、いま木に入っているフィクスチャの背景 #E8EBDC は lightgreen 版と完全に一致していました。つまり既定のライトグリーンは、いま出荷している見た目そのものです。