How to change the background colour of each individual page using Code Injection

Is it possible to change the background colour for each page individually using code injection? Including product pages?

I'm using 7.1.
 

Edit each page >> Add a Code Block >> paste this code

<style>
  header#header {background-color: red !important;}
</style>

then save & reload the site

Thanks for your help Tuanphan, 

The code worked great and was able to change the header, but is there a code that can change the whole page background?

On 1/22/2022 at 6:31 AM, PearlPort said:

Thanks for your help Tuanphan, 

The code worked great and was able to change the header, but is there a code that can change the whole page background?

For all individual products, or product in screenshot only?

Individual products

21 hours ago, PearlPort said:

Individual products

 

Add this page to Shop Page Header

<style>
body.view-item header#header {background-color: red !important;}
  body.view-item .section-background {background-color: red !important;}
</style>

Thank you Tuan, very much appreciated.

In the end, I applied this code to a code block in the Additional Info section when editing the product. (Attached a screen show if this helps anyone else)

Worked a treat!