Lockscreen dialog theme

Themes
9

Here you go. This might not be the optimal solution but it yields the desired outcome.

.lock-dialog {
border: 1px solid rgba(188, 189, 191, 0.2);
border-radius: 0px;
box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
background-clip: padding-box;
background-color: #383c4a;
}

.lock-dialog frame > border {
border-style: none;
}
.lock-dialog label {
color: #f0f0f0;
}

.lock-dialog entry {
color: #ffffff;
border-color: #ffffff;
background-color: transparent;
border-left: none;
border-top: none;
border-right: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.lock-dialog button:not(:disabled) {
color: #f0f0f0;
box-shadow: none;
background-color: transparent;
}
.lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover {
box-shadow: none;
background-color: rgba(82, 148, 226, 0.12);
}
.lock-dialog button:not(:disabled):focus {
box-shadow: none;
background-color: rgba(82, 148, 226, 0.12);
}
.lock-dialog button:not(:disabled):active {
box-shadow: none;
background-image: radial-gradient(circle, rgba(82, 148, 226, 0.16) 10%, transparent 0%);
}