It's normal, you can't change this option. The background color is set with CSS in the forms, but you can't change the CSS property (because you are in a responsive forms)
But, there is a ugly workaround.
- ADD a control :"Rich Text" on your forms, and clic on "More Settings"
- In the setting, click on the button "View HTML"
- in the view HTML, you can add your CSS (the css below set in red the panel)
<style type="text/css">.nf-outer .nf-panel:hover { background-color: red; } </style>
- You can save& publish your form.
The Result :
(in my panel, I have 1 label and the Attachments control)
@Hamza,
You do realize that this only happens when you are designing the form and is done to help you understand when the panel is active for a given control. Not sure why there would be a need to change the color for this.
If you are wanting to change the color of the panel during new or edit form mode for a user, I'd recommend using Classic Forms designer as you have more control over each controls CSS.