Code to change variant pill and text color to black

Shopify Discussion
1

Hi everyone!
I’m using the Dawn 2.0 theme and am trying to change the variant pill and text color from green to black. What code would I use to achieve this? I have attached a photo below to get a better idea of what I’m talking about!

Screen Shot 2023-07-17 at 11.51.35 AM.png
Screen Shot 2023-07-17 at 11.51.35 AM.png918×628 80 KB

2

hi @allie24
Its SideNode! We will be happy to help you today.

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product-form__input input[type=radio]+label{
 color: black!important;
}
.product-form__input input[type=radio]+label:hover {
    border-color: black!important;
}
.product-form__input input[type=radio]:checked+label {
    background-color: black!important;
}

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode