ThronRycer/Keycloak-Theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update Version

Browse Source
This commit is contained in:
Philipp Klüter
2021-04-16 23:00:21 +02:00
parent 5cfd792d49
commit 7e53375bd8
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
login/resources/css/custom.css
View File

@@ -1,6 +1,6 @@
:root { :root {
--main-color: #7400b8; --primary-color: #7400b8;
--secondary-color: #5460ce; --secondary-color: #48bfe3;
--background-color: #fff; --background-color: #fff;
} }
@@ -65,17 +65,7 @@ body {
.login-wrapper .form-control { .login-wrapper .form-control {
border: none; border: none;
border-bottom: 1px solid var(--secondary-color); border-bottom: 1px solid var(--primary-color);
border-radius: 0;
padding: 9px 5px;
min-height: 40px;
font-size: 18px;
font-weight: normal;
}
.login-wrapper .form-control {
border: none;
border-bottom: 1px solid var(--secondary-color);
border-radius: 0; border-radius: 0;
padding: 9px 5px; padding: 9px 5px;
min-height: 40px; min-height: 40px;
@@ -85,11 +75,13 @@ body {
} }
.login-wrapper .form-control:hover { .login-wrapper .form-control:hover {
transition: scale(105%); transform: scale(105%);
} }
.login-wrapper .form-control:focus { .login-wrapper .form-control:focus {
border-bottom: 3px solid var(--secondary-color); border-bottom: 1px solid #48bfe3;
outline: none;
box-shadow: none;
} }
.login-wrapper .form-control::-webkit-input-placeholder { .login-wrapper .form-control::-webkit-input-placeholder {
@@ -114,7 +106,7 @@ body {
.login-wrapper .login-btn { .login-wrapper .login-btn {
padding: 13px 20px; padding: 13px 20px;
background-color: var(--main-color); background-color: var(--primary-color);
border-radius: 0; border-radius: 0;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
@@ -123,9 +115,17 @@ body {
} }
.login-wrapper .login-btn:hover { .login-wrapper .login-btn:hover {
border: 1px solid var(--main-color); border: 1px solid var(--primary-color);
background-color: var(--background-color); background-color: var(--background-color);
color: var(--main-color); color: var(--primary-color);
}
.login-wrapper .login-btn:focus {
border: 1px solid var(--primary-color);
background-color: var(--background-color);
color: var(--primary-color);
outline: none;
box-shadow: none;
} }
.login-wrapper-footer-text { .login-wrapper-footer-text {
@@ -135,7 +135,7 @@ body {
} }
.login-title { .login-title {
color: var(--main-color); color: var(--primary-color);
} }
.login-img { .login-img {