If you recently updated to the new WordPress 5.3 released recently you will be greeted by a big difference in the input styles which might not look that good aesthetically. We understand that the changes made are for accessibility and we encourage the WordPress community to do more in this sense, but we are not quite sure this is the right way, at least it doesn’t work for us.

Below, you will find a code which should get the inputs from your WordPress Dashboard to look less instrusive and revert these to a more pleasing look. In order to get it to work you would need to add this into the functions.php file of your theme or plugin. We recommend to use a child theme for this, just to make sure the changes will not be erased on any updates.

add_action( 'admin_enqueue_scripts', 'sow_admin_css_overrides' );
function sow_admin_css_overrides() {
    $new_styles = 'input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    border: 1px solid #d5d9dc;
    }
    .postbox {
    border: 1px solid #dde0e2;
    }
    .wp-admin select {
    border-color: #d5d9dc;
    }
    .postbox .hndle, .stuffbox .hndle {
    border-bottom: 1px solid #dde0e2;
    }
    .wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active {
    border: 1px solid #bdccd2;
    }
    .wp-core-ui .button, .wp-core-ui .button-secondary {
    border-color: #bdccd2;
    }
    .wp-core-ui .button-primary {
    border-color: #007cba;
    }';    
    wp_add_inline_style( 'admin-bar', $new_styles );
}

If this was helpful for you, please share the article and help us grow the community. Cheers!