Changing Header Background Color in Shopping Cart

Site URL: https://www.thesecomefromtrees.com

I need to change the Header background color on only the Shopping Cart page (https://www.thesecomefromtrees.com/cart) so the white logo will show up. Right now the header background on that page is white, which is a problem because I use the logo as the link back to the Home page. I've played around with various codes in previous answers, but they aren't working. I was able to fix it on the Blog pages, but this one has me stumped.

Here's the color I want to use:  #10612e

Thanks!

Hi,

Add to Design > Custom CSS

/* Cart Page Logo */
body#cart header#header img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

Ah! That worked! Also there is a bug with how the Cart page is viewed in the Editing screens. When I added the code to the Custom CSS, it didn't show the change on the edit screen after I hit "Save". I had to exit the Custom CSS page for it to update the page shown in Edit mode. I could see the change immediately on the live site though.

Your solution worked, but it was for inverting the color of the logo, i.e. white to black. I ended up using this code to change the nav bar to a color instead of changing the color of the logo, in case anyone else is looking for this option instead. 

body#cart header#header {
    color: white !important;
    background: #199A48 !important; 
}

Thanks!