diff --git a/core/css/guest.css b/core/css/guest.css index 6247c00a25b26a5eea845a8414d8341446224264..a283593f8f0a33ca6a463c8f7c981f5213eef338 100644 --- a/core/css/guest.css +++ b/core/css/guest.css @@ -829,7 +829,7 @@ form #selectDbType label span { .warning h2, .update h2, .error h2 { - color: #333; + color: var(--color-main-text); text-align: center; } @@ -1082,7 +1082,7 @@ img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading- /* FOOTER */ footer { - background-color: #ffffff; + background-color: var(--color-main-background); width: 100%; transition: all 0.3s linear; padding-bottom: 20px; @@ -1112,9 +1112,9 @@ a.legal { } #body-login { - background-color: #ffffff !important; + background-color: var(--color-main-background) !important; background-image: none !important; - color: #808080; + color: var(--color-text-maxcontrast); font-family: "Montserrat"; } @@ -1131,7 +1131,7 @@ a.legal { justify-content: center; align-items: center; height: 100%; - background-color: #FFFFFF; + background-color: var(--color-main-background); flex: none; order: 0; align-self: stretch; @@ -1184,11 +1184,12 @@ a.legal { padding: 12px 16px; width: 100%; height: 40px !important; - border: 1px solid #E6E8E9; + border: 1px solid var(--color-background-dark); box-sizing: border-box; border-radius: 8px; font-size: 16px; - background-color: #ffffff; + background-color: var(--color-main-background); + color: var(--color-main-text); margin-left: 0; } #body-login .input-field--legacy .input-field__main-wrapper:hover:not(:has([disabled])){ @@ -1208,14 +1209,14 @@ a.legal { #body-login #submit-wrapper, #body-login #reset-password-wrapper { - background-color: #ffffff; + background-color: var(--color-main-background); margin-top: 0px; } #body-login #submit-form, #body-login #reset-password-submit, #body-login .two-factor-submit { - color: white; + color: var(--color-main-background); border: none; justify-content: center; align-items: center; @@ -1223,7 +1224,7 @@ a.legal { height: 48px; left: 0px; top: 261px; - background: #0075E0; + background: var(--color-primary); border-radius: 6px; flex-grow: 1; margin: 24px 0px; @@ -1240,7 +1241,7 @@ a.legal { gap: 10px; width: 100%; height: 42px; - background: #0086FF; + background: var(--color-primary); border-radius: 24px; font-size: 16px; } @@ -1256,7 +1257,7 @@ a.legal { gap: 10px; width: 100%; height: 42px; - background: #0086FF; + background: var(--color-primary); border-radius: 24px; font-size: 16px; } @@ -1300,8 +1301,8 @@ a.legal { #body-login .warning, #body-login .error { max-width: 100%; - color: #fb3845; - background-color: white; + color: var(--color-error); + background-color: var(--color-main-background); font-size: 1.1em; text-align: center; border: 1px solid; @@ -1309,8 +1310,8 @@ a.legal { #body-login .update, #body-login .success { - color: #029f3c; - background-color: white; + color: var(--color-success); + background-color: var(--color-main-background); justify-content: center !important; width: 92%; margin-left: 0; @@ -1336,10 +1337,16 @@ a.legal { } #body-login #header .logo { - background-image: url("../img/logo@2x.svg"); + background-image: var(--logo); margin-top: 0.5em; background-size: contain; } +#body-login { + background: var(--color-main-background); +} +#body-login .wrapper, #body-login .body-login-container, #body-login .guest-box, #body-login .v-align, #body-login .v-align > footer { + background: var(--color-main-background); +} #body-login .lost-password-container .update { margin-bottom: 3%; @@ -1369,7 +1376,7 @@ a.legal { vertical-align: middle; float: left; width: 70%; - background: linear-gradient(127.57deg, #FF7A00 3.94%, #ED1C61 76.89%); + background: var(--background-gradient); transition: 1s; } .lines{ @@ -1444,7 +1451,7 @@ a.legal { font-weight: 500; font-size: 21px; letter-spacing: -0.44px; - color: #333333; + color: var(--color-main-text); } .v-align.warning-messsage > div { margin: 0 auto; @@ -1463,7 +1470,7 @@ a.legal { max-width: 60%; } #lost-password{ - color: #0086FF !important; + color: var(--color-primary) !important; font-family: 'Montserrat'; font-style: normal; font-weight: 400 !important; @@ -1644,7 +1651,7 @@ a.legal { } .have-an-account { margin-top: 10px; - color: #333333; + color: var(--color-main-text); border-top: 1px solid #d7d7d7; border-width: thin; padding: 15px; @@ -1704,7 +1711,7 @@ a.legal { } #body-login .guest-box.login-box .button-vue--vue-tertiary-no-background, #body-login .guest-box.login-box .input-field__input { - color: #222222; + color: var(--color-main-text); } #body-login .guest-box.login-box .login-additional.login-passwordless .input-field__input { padding: 12px 16px; @@ -1714,13 +1721,14 @@ a.legal { box-sizing: border-box; border-radius: 8px; font-size: 16px; - background-color: #ffffff; + background-color: var(--color-main-background); + color: var(--color-main-text); } #body-login .guest-box.login-box .login-additional.login-passwordless .button-vue.button-vue--size-normal.button-vue--text-only.button-vue--vue-tertiary.button-vue--wide { color: #808080; } #body-login .guest-box.login-box h2{ - color: #333333; + color: var(--color-main-text); } #body-login .picker-window p.info{ color: #222222; @@ -1748,10 +1756,10 @@ a.legal { display:none; } #body-login .guest-box.login-box .input-field__label{ - color: #333333; + color: var(--color-main-text); font-weight: 700; font-size: 14px; - background-color: #FFFFFF; + background-color: var(--color-main-background); margin-top: 7px; margin-left: 16px; border-radius: 10px; @@ -1760,7 +1768,7 @@ a.legal { color: #ffffff; } #body-login .guest-box.login-box .lost-password-container .notecard.notecard--success{ - color:#222222 !important; + color: var(--color-main-text) !important; } @media(prefers-color-scheme: dark){ #body-login .not_alt_login .picker-window h2 ,#body-login .not_alt_login .picker-window p.info { @@ -1775,4 +1783,24 @@ a.legal { #body-login .login-form .notecard.notecard--error { color:#222222 !important; } -} \ No newline at end of file +} + +#main.register-page .fields, #main.register-page #fields{ + background-color: var(--color-main-background) !important; +} +#main.register-page .fields input, #main.register-page #fields input{ + background-color: var(--color-main-background) !important; + color: var(--color-main-text) !important; +} +#main.register-page #fields .title{ + color: var(--color-main-text) !important; +} +#main.register-page .fields label, #main.register-page #fields label{ + color: var(--color-main-text) !important; +} +#main.register-page .important { + color: var(--color-main-text) !important; +} +#main.register-page .lang-select{ + color: var(--color-main-text) !important; +} \ No newline at end of file diff --git a/core/css/server.css b/core/css/server.css index 7a3849a9e69fe0630c3105ec0bf7716e00fb0189..fc32683f937729a3c211702ebd7d5b756348b304 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -63,6 +63,7 @@ --image-logoheader-custom:true !important; --background-image-invert-if-bright:no !important; --image-background:none !important; + --background-gradient: linear-gradient(0deg, #ED1C61 3.94%, #FF7A00 76.89%); } /* Force a few variables to right values for dark theme */ @@ -78,6 +79,7 @@ body[data-themes="dark"] , body[data-themes="dark-highcontrast"]{ --image-logoheader-custom:true; --background-image-invert-if-bright:no !important; --image-background:none !important; + --background-gradient: linear-gradient(0deg, #211133 3.94%, #760F4C 76.89%); } body.theme--highcontrast { @@ -92,6 +94,7 @@ body.theme--highcontrast { --notification-icon: var(--original-icon-notifications-white); --notification-icon-has-notification: var(--icon-has-notification-light); --search-icon: var(--original-icon-search-white); + --background-gradient: linear-gradient(0deg, #211133 3.94%, #760F4C 76.89%); } } diff --git a/core/img/logo-icon.png b/core/img/logo-icon.png index e198884b6782ebb8f00035a6edcbaa401c9b7da9..2408bc28123260f4824b86c4d94f506cb7c3bfd9 100755 Binary files a/core/img/logo-icon.png and b/core/img/logo-icon.png differ diff --git a/core/img/logo.png b/core/img/logo.png deleted file mode 100755 index 5962784336dad4869ea7156f4d669c8612510b97..0000000000000000000000000000000000000000 Binary files a/core/img/logo.png and /dev/null differ diff --git a/core/img/logo.svg b/core/img/logo.svg new file mode 100644 index 0000000000000000000000000000000000000000..adeaf0a8124a936645643bf613ed5cb77a2451d9 --- /dev/null +++ b/core/img/logo.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +