Skip to content

Instantly share code, notes, and snippets.

@krstivoja
Last active July 15, 2023 16:19
Show Gist options
  • Save krstivoja/5b07a95196edc8c1bb23699a8a1104ee to your computer and use it in GitHub Desktop.
Save krstivoja/5b07a95196edc8c1bb23699a8a1104ee to your computer and use it in GitHub Desktop.
WP Admin Cleaner - Login page theme -- Plain Dark
:root {
--body-bg: #111827;
--form-bg: #1f2937;
--form-border: #4b5563;
--form-shadow: rgba(0, 0, 0, 0.1);
--input-bg: #374151;
--input-border: #4f5967;
--text: white;
}
* {
box-sizing: border-box;
}
.login {
background: var(--body-bg);
color: #fff;
}
.login #login {
width: 90%;
max-width: 600px;
}
.login h1 {
width: 100%;
}
.login form {
background: var(--form-bg);
border: 1px solid var(--form-border);
border-radius: 0.3rem;
box-shadow: 0 3px 5px var(--form-shadow);
width: 100%;
padding: 3rem 2rem;
}
.login form .forgetmenot {
float: none;
}
.login form .submit #wp-submit {
width: 100%;
margin-top: 1rem;
padding: 0.3rem;
}
.login label {
color: var(--text);
}
.login #nav,
.login #backtoblog {
text-align: center !important;
width: 100%;
}
.login #nav a,
.login #backtoblog a {
color: var(--text);
}
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 var(--input-border);
background: var(--input-bg) !important;
color: var(--text);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment