[Sense] Change Text color if certain Background

Store Design
1

Hey Guys,

I currently have following Problem:

I am using the Sense theme and I am using the Branding colors Red and White for the Background.

The Problem is that I only have one text color option. So If I choose white as a color it will be invisible if there is a white background and if I choose Black as the color it will be barebly readable where there is a red background.

So is there any option of implementing a simple if logic?

If Background 2 (red) is displayed, choose { color: white; }

Thanks Guys

2

@BenjaminS Please send me store url.

3

The solution by @DelightCart was following:

1. newsletter-section.css

.newsletter__wrapper>*
{
color: #fff;
}

2. section-footer.css

.footer-block__details-content .list-menu__item–link
{
color: #fff;
}

.footer:not(.color-background-1)

{
color: #fff;
}

3. base.css

.field__input, .customer .field input

{
color: #fff;
}

newsletter-form__field-wrapper .field:after

{
box-shadow: 0 0 0 1px #fff;
}