dialogタグでモーダル表示をしたときの背景色を変更する

モーダルを実現する方法は色々ありますがdialogタグを使うと簡単です。（ただしchromeに限る）
ただ、デフォルトだと背景（オーバーレイ）の透明度が高すぎてイマイチ。
なので、CSSで背景色変えるのにはどうしたらいいのかなと。

dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}

::backdropという疑似CSSセレクタが使えました。