From effcb5e48e4ac92e084cdeee9b8114cb43a5e45f Mon Sep 17 00:00:00 2001 From: billz Date: Tue, 21 Jan 2025 00:35:27 -0800 Subject: [PATCH] Add global styles for login page --- app/css/all.css | 54 +++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 50 insertions(+), 4 deletions(-) diff --git a/app/css/all.css b/app/css/all.css index 7efc2f20..6b500ce2 100644 --- a/app/css/all.css +++ b/app/css/all.css @@ -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 { @@ -306,16 +307,16 @@ button > i.fas { /* Font Awesome 5 brands */ .fa-reddit { - color: #ff4500; + color: #ff4500; } .fa-twitter { - color: #55acee + color: #55acee } .fa-discord { - color: #7289da + color: #7289da } .fa-github { - color: #151b23 + color: #151b23 } @keyframes heart { @@ -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; +} +