Add global styles for login page

This commit is contained in:
billz 2025-01-21 00:35:27 -08:00
parent 111c9581a3
commit effcb5e48e

View File

@ -10,6 +10,7 @@ License: GNU General Public License v3.0
--raspap-content-main: #495057;
--raspap-text-muted: #858796;
--raspap-brand-color: #2b8080;
--raspap-offwhite: #faf9f6;
}
a {
@ -332,3 +333,48 @@ button > i.fas {
animation: heart 1000ms infinite;
}
#modal-admin-login .modal-content {
background: rgb(8,55,55);
background: radial-gradient(circle, rgba(8,55,55,1) 50%, rgba(27,112,112,1) 100%);
align-items: center;
}
#modal-admin-login .modal-body {
min-width: 330px;
}
.login-brand {
color: var(--raspap-theme-color);
filter: brightness(150%);
}
.admin-login {
color: var(--raspap-offwhite);
font-size: 1.2em
}
.btn-admin-login {
color: var(--raspap-offwhite);
background-color: var(--raspap-theme-color);
}
.btn-admin-login:hover {
color: var(--raspap-offwhite);
background-color: #236969;
}
.no-right-radius {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.btn-passwd-append {
border: 1px solid #ced4da;
}
#passwd-toggle:active,
#passwd-toggle:hover,
#passwd-toggle:focus {
border: 1px solid #ced4da;
}