In a previous post, I showed you how-to custom the WordPress login page using a custom WordPress function.This is great if you are using WordPress for a members / client area, branded login page for employees or if you just want a beautiful login page.

Blue Custom WordPress Login Page Theme

The CSS is:

body.login {
    background: #428bca;
}
body.login div#login {
    color: #fff;
}
body.login div#login a {
    color: #fff;
}
body.login div#login a:hover {
    color: #fff;
}
body.login div#login h1 {
    background: none;
}
body.login div#login h1 a {
    background: none;
}
body.login div#login form#loginform {
    background-image: -webkit-gradient(linear, left 0, left 100%,       from(#5bc0de), to(#31b0d5));
    background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
    background-image: -moz-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
    background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);
    background-repeat: repeat-x;
    border-color: #2aabd2;
    border: 1px solid #357ebd;
    color: #fff;
}
body.login div#login form#loginform p {
    color: #fff;
}
body.login div#login form#loginform p label {
    color: #fff;
}
    body.login div#login form#loginform input {
    border-radius: 6px;
    background: #fff;
    border: 1px solid #428bca;
}
    body.login div#login form#loginform p.submit input#wp-submit {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
}
    body.login div#login p#nav a {
    color: #fff;
}
    body.login div#login p#backtoblog a {
    color: #a2dae8;
}

The Result

Blue Custom WordPress Login Page Theme