Change Logo/Header color in different pages

Currently on my home page I have my logo and links all in white. However I want to make my other pages have a white background and black heading. Is there a way I can change the header on my other pages so that they are black text/logo without changing my main home page. 

@JusChow You can try the code blocks below to display a black header background:

For Portfolio page:

#collection-64f2cd31da920c04bc6530b7 {
	header#header {
		background: #000 !important;
	}
}

For About page:

#collection-64f2cd31da920c04bc6530b7 {
	header#header {
		background: #000 !important;
	}
}

For contact page:

#collection-64f2cd31da920c04bc6530b7 {
	header#header {
		background: #000 !important;
	}
}

You just have to change the #collection-id on each block of code. Each page has their unique collection-id. You can find the collection-id of a page using this Chrome extension: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

Is there a way to make it black just for the Text and a way to Chang Logo that I can upload to make it black. ? I would like to still keep the white background. 

@JusChow Sure. This block of code will change the logo and text links to black on the portfolio page:

#collection-64f2cd31da920c04bc6530b7 {
	.header-title-logo img {
		filter: brightness(0%) !important;
	}
	.header-nav-item a {
		color: #000000 !important;
	}
	.header-actions .icon--fill svg {
		fill: #000000 !important;
	}
}

This code will convert the logo to black. You won't have to upload a black logo. 

56 minutes ago, Lesum said:

@JusChow Sure. This block of code will change the logo and text links to black on the portfolio page:

#collection-64f2cd31da920c04bc6530b7 {
	.header-title-logo img {
		filter: brightness(0%) !important;
	}
	.header-nav-item a {
		color: #000000 !important;
	}
}

This code will convert the logo to black. You won't have to upload a black logo. 

Do I put this into the page settings under advanced? 

So far inputting the block of code into page settings advanced doesn't work.

 

@JusChow Add it under custom CSS panel.

@JusChow Updated the previous code to add the color change affect to social icons.

Just now, Lesum said:

@JusChow Updated the previous code to add the color change affect to social icons.

Already read my mind. Appreciate it!