The text color does not contrast with the background color.

[himshekhar07]

On this page ​https://mercantile.wordpress.org/product/wp20-pinback-buttons/ in the search box, the input colour is not clear visibility due to the background colour contrast. We need to assign a white colour to the input field.

Here is the video recording with the problem and their solution:

​https://share.cleanshot.com/LrSRWffxlJVXMz22FzSD

[himshekhar07]

issue

[himshekhar07]

.woocommerce form input[type=search]:focus,
.woocommerce-page form input[type=search]:focus{
     background-color: var(--wp--preset--color--base);
}

[himshekhar07]

After applying solution

[devinmaeztri]

The following pages are affected by the issue:

• ​https://mercantile.wordpress.org/product-category/apparel/ (including all subpages)
• ​https://mercantile.wordpress.org/product-category/accessories/ (including all subpages)
• ​https://mercantile.wordpress.org/product-category/wp20/

The following pages are not affected by the issue:

• ​https://mercantile.wordpress.org/
• ​https://mercantile.wordpress.org/about/

It appears that the issue only affects product-category pages.