編集中だけ背景色を変えたい

レコードの詳細を表示している状態から、編集ボタンをクリックした際に、背景全体をグレーから別の色に変更したいです。

css、jsを使用して変更可能でしょうか?
サンプルコードを教えていただければ幸いです。

jsでしたら編集イベントでquerySelectorでつかんで色変更、cssなら編集中に存在する属性掴んで変更できると思うので試してみてください。

editablelayout-gaiaというclassあたりで変更しやすそうな気はします。