Change Logo/Navigation Color on Page with Background Image on top section

You can use these code to target Page with Background Image (on top section) and Page with No Image (on top section) and change Header Logo/Navigation Color on Squarespace.

Page with Image on Top Section Use this to Custom CSS.

body:has(#page>article>section:first-child .section-border img) header#header {
    div.header-nav-item>a, a#site-title {
        color: #f1f;
    }
    a.btn {
        border: 1px solid #f1f;
        background-color: #f1f;
        color: #fff;
    }
}

Result!

image