ElevatedButtonのリップルエフェクト（タップ時の波紋エフェクト）の色を変更する方法

ElevatedButton(
  style: ElevatedButton.styleFrom(
    foregroundColor: Colors.red, // リップルエフェクトの色
  ),
  onPressed: () {},
  child: Text('ボタン'),
)

ElevatedButton(
  style: ButtonStyle(
    overlayColor: MaterialStateProperty.resolveWith<Color?>(
      (Set<MaterialState> states) {
        if (states.contains(MaterialState.pressed)) {
          return Colors.red.withOpacity(0.5); // プレス時のリップル色
        }
        if (states.contains(MaterialState.hovered)) {
          return Colors.blue.withOpacity(0.2); // ホバー時の色
        }
        return null;
      },
    ),
  ),
  onPressed: () {},
  child: Text('ボタン'),
)