Problem

When a light background (brand) color is used, the login button text is difficult to read.

Example

Applying a palette with the follow:

add_filter('login_color_palette', function () {
    return [
        'text' => '#999',
        'brand' => '#F0F0F4',
        'trim' => '#040437',
        'trim-alt' => '#fff',
    ];
});

will produce this result:

Possible solution

Include styles so that the login button text respects the text palette value.

Problem

When a dark color is used for the trim value, the admin password reminder is eligible. Some details related to the admin password reminder can be found here. This error occurs with version 1.0.5

Example

The markup for this form includes the following. This should include the class names needed to adjust the styles appropriately.

<form class="admin-email-confirm-form" name="admin-email-confirm-form"
  action="https://redacted/wp/wp-login.php?action=confirm_admin_email" method="post">
  <input type="hidden" id="confirm_admin_email_nonce" name="confirm_admin_email_nonce" value="4aa4746d3d" /><input
    type="hidden" name="_wp_http_referer"
    value="https://redacted%2Fwp%2Fwp-admin%2F&amp;action=confirm_admin_email&amp;wp_lang=en_US" />
  <input type="hidden" name="redirect_to" value="https://redacted/wp/wp-admin/" />

  <h1 class="admin-email__heading">
    Administration email verification </h1>
  <p class="admin-email__details">
    Please verify that the <strong>administration email</strong> for this website is still correct. <a
      href="https://wordpress.org/support/article/settings-general-screen/#email-address" rel="noopener noreferrer"
      target="_blank">Why is this important?<span class="screen-reader-text"> (opens in a new tab)</span></a> </p>
  <p class="admin-email__details">
    Current administration email: <strong>[email protected]</strong> </p>
  <p class="admin-email__details">
    This email may be different from your personal email address. </p>

  <div class="admin-email__actions">
    <div class="admin-email__actions-primary">
      <a class="button button-large"
        href="https://redacted/wp/wp-admin/options-general.php?highlight=confirm_admin_email">Update</a>
      <input type="submit" name="correct-admin-email" id="correct-admin-email"
        class="button button-primary button-large" value="The email is correct" />
    </div>
    <div class="admin-email__actions-secondary">
      <a
        href="https://redacted%2Fwp%2Fwp-admin%2F&#038;action=confirm_admin_email&#038;remind_me_later=c5834aa3ec">Remind
        me later</a>
    </div>
  </div>
</form>

Steps to reproduce

WordPress >=5.3 defaults to showing the reminder every 6 months when logging in to the admin. There does not appear to be a way to programmatically trigger the reminder. You can adjust the interval at which it appears with the admin_email_check_interval filter. The best chance at getting it to appear is to log into a site that you haven't recently.

Problem

Noticed something super minor today but the login/logo letter is a little cramped when the admin session expires. This isn't apparent with the default Wordpress styles because the top modal bar is the same color as the iframed login background. By changing the background color with this package the spacing, or lack of, becomes apparent.

Examples

Steps to reproduce

1. Login to the admin
2. Delete domain cookies
3. Wait for session expiration login modal to appear

Possible Solution

padding?

Problem

WP default login page has a link on the bottom that says: "← Back to Site Name" that is currently missing.

Example

This is the default login page:

This is the login page while using this plugin:

After inspecting the code I found a few things:

.login #login #backtoblog { 
    display: none;
}

.login #login a {
    /* color: #0073aa; */
    color: var(--login-brand,#0073aa);
}

So, the link is there but there are two situations:

1. It has display:none;
2. It is using the same color as the background, thus making it "invisible".

Possible solution

1. Remove the display:none from the css.
2. Change the color for the link

Additional info

This also happens with the privacy policy page link. Since it also uses the colors from .login #login a, this would also benefit from the fix described before.

Thought it was worth flagging but have not yet tested it. WordPress 5.7 includes updates to the password reset screen which includes a generate password button.

5.6 / 5.7

source: https://kinsta.com/blog/wordpress-5-7/#reset-password-screen

Problem

If you use a light color palette, the text on the inputs is barely visible.

Example

Here is my current color palette:

add_filter('login_color_palette', function () {
    return [
        'brand' => '#f3f3f3',
        'trim' => '#9d402d',
        'trim-alt' => '#f3f3f3',
    ];
});

This is how it looks:

As you can see, the text from the inputs is really hard to read.

Possible solution

Have an additional variable we can setup named "text" or something like that and have the inputs text use them.

Additional info

I'm using the latest version of the plugin. I think this may be related to #1

Bonus track

I know this plugin is supposed to be as simple as possible, but would it be too much to ask to add another variable for the login button? As you can see from my screenshot, the login button doesn't looks like a button, maybe add a little bit of shadow?

Great little package, thanks for your work on it!

I saw that you've previously had the option to set text color, would it be possible to bring it back? Would be cool to optionally disable the logo image altogether as well!

The design I'm going for is something like this:

Hi,

Thanks for this great little plugin which provides login customization in no time!

There's a little issue with the registration form:

Maybe it would be more secure to set a safer base text color?