diff --git a/web/account/log-in-form.css b/web/account/log-in-form.css index ade93a03f..77256ae89 100644 --- a/web/account/log-in-form.css +++ b/web/account/log-in-form.css @@ -1,45 +1,45 @@ div.modal_body { display: flex; flex-direction: column; justify-content: center; min-height: 324px; min-width: 320px; padding: 20px 40px; border-radius: 16px; - background-color: var(--modal-bg); - box-shadow: 0 0 40px rgba(126, 87, 194, 0.5); + background-color: #191723; + outline: #282537 solid 1px; } div.form_title { padding: 6px 6px 0 0; font-size: var(--s-font-14); font-weight: var(--bold); color: var(--fg); } div.form_content { margin-top: 4px; margin-bottom: 8px; font-family: var(--font-stack); color: var(--fg); } div.form_footer { display: flex; flex-direction: column; margin-top: 16px; } div.form_footer > button:disabled { min-height: 48px; opacity: 0.5; } div.modal_form_error { margin-top: 16px; font-size: 14px; color: var(--error); font-style: italic; padding-left: 6px; align-self: center; } diff --git a/web/account/siwe.css b/web/account/siwe.css index afe2ca247..dd246f353 100644 --- a/web/account/siwe.css +++ b/web/account/siwe.css @@ -1,55 +1,55 @@ div.ethereumLogoContainer { display: flex; justify-content: center; align-content: center; margin: 0 4px; } hr { margin: 20px 0; height: 0; overflow: visible; text-align: center; border: none; border-top: #ffffff33 solid 1px; } hr:after { position: relative; top: -12px; padding: 0 8px; color: white; content: 'or'; - background-color: #1f1f1fff; + background-color: #191723; } div.siweLoginFormContainer p { color: white; font-family: sans-serif; text-align: center; padding-bottom: 20px; font-size: 14px; } div.siweLoginFormContainer { display: flex; flex-direction: column; } div.connectButtonContainer { width: 100%; display: flex; justify-content: center; align-content: center; padding-bottom: 20px; } div.loadingIndicator { display: flex; justify-content: center; } div.siweContainer { display: flex; flex-direction: column; }