Button is not visible due to white text color.

[dhrumilk]

The "locale-download" button in the "locale-header" is not visible to the user because the text color is white. We need to update the text color to improve visibility.

[dhrumilk]

Replying to dhrumilk:
Here is the Page URL: ​https://make.wordpress.org/polyglots/teams/?locale=gu

The "locale-download" button in the "locale-header" is not visible to the user because the text color is white. We need to update the text color to improve visibility.

[mikinc860]

Issue Resolution for #locale-header ul li.download-button a (Line 129) in i18n-teams.css

The button styling has been adjusted to ensure better consistency, readability, and accessibility. Below are the refined styles:

#locale-header ul li.download-button a {
    text-decoration: none;
    background-color: var(--wp--preset--color--deep-blueberry);
    border-radius: 2px;
    color: var(--wp--preset--color--white);
    display: block;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 700;
    line-height: 1.15;
    padding: 10px 19px;
    transition: background-color 0.3s ease-in-out;
}

#locale-header ul li.download-button a:hover {
    background-color: var(--wp--preset--color--deep-blueberry);
    opacity: 0.9;
}

#locale-header ul li.download-button a:active {
    background-color: var(--wp--preset--color--charcoal-1) !important;
    border-color: var(--wp--preset--color--white);
}